A visually appealing and responsive store catalog layout built using Vue 3 and TypeScript, designed to mimic a real-world online store. This project is based on a Figma layout and utilizes the Vue Composition API along with Vuex for efficient local data management.
- Vue 3 Composition API: Leveraging the Composition API for better reusability and flexibility in organizing component logic.
- TypeScript: Ensuring type safety and improved code readability across the project.
- Vuex: Used for local data storage, Vuex helps to manage the application’s state in a centralized way, making it easier to scale and maintain.
- CSS (BEM Methodology): Styled using CSS with BEM (Block-Element-Modifier) methodology, ensuring a clean and modular approach to CSS, promoting consistency and ease of maintenance.
This project serves as an example of building a scalable and organized Vue application with best practices in both styling and state management.