Vue3 Basics
- First project using Vue3 composition API
- Learning about reactive refs and computed properties
Off The Floor - Vue Learning Project
Simple business website built while learning Vue3 and TypeScript fundamentals
A basic business website for an aerial arts studio. Built to practice Vue3, TypeScript, and responsive design.
Build Key Features
- 01
Basic Routing
Simple page navigation using Vue Router. First time implementing route guards and transitions.
- 02
Responsive Layout
Basic responsive design using Bootstrap. Learning mobile-first approach.
- 03
Content Sections
Simple content components using Vue3 composition API. Needs better component organization.
- 04
Image Sliders
Basic image carousels using Vue3-carousel. Still working on performance with larger images.
Friction Challenges
- 1
TypeScript Learning
First time using TypeScript with Vue. Struggled with proper typing of props and events.
- 2
Component Structure
Learning to organize components effectively. Current structure needs improvement.
- 3
Image Optimization
Working on better image loading strategies. Current implementation is basic.
Takeaways Learnings
TypeScript Integration
- Basic TypeScript usage in Vue components
- Learning about interfaces and type definitions
CSS Framework Usage
- First time using Bootstrap with Vue
- Learning about responsive breakpoints and grid system