Welcome to ultracube, a functional online store built with Vue 3, showcasing the best practices in developing e-commerce platforms. This project leverages the latest web technologies to provide a seamless shopping experience, from browsing products to checking out.
- Data Management: Efficiently passing data between components using Vue's reactivity system.
- API Communication: Performing and handling API requests seamlessly with Axios, managing JSON data.
- Routing: Navigating through pages with ease using Vue Router, enriching the user experience.
- Styling: Incorporating SCSS for a modern, utility-first approach to styling application.
- Animations: Adding life to project lists and interactions with @formkit/auto-animate, making UI dynamic and engaging.
- Best Practices: Utilizing Vue 3's Composition API for organizing and reusing logic, ensuring codebase is clean and maintainable.
- Pixel Perfect Design: Implementing design with pixel-perfect accuracy according to Figma mockups, ensuring visual consistency and quality of the user interface.
- Vue 3
- Vue Router
- Composition API
- TypeScript
- SCSS
- @formkit/auto-animate
- Axios
- mokky.dev
- ESLint
- Prettier
- Figma
- Adaptive mobile layout
- Debounce search
- Home page Swiper
- Profile page
- My Orders section
- Info Block for empty pages
- Products skeletons
- Authentication
- Navigation menu
To get started with this project, clone the repository and install the dependencies:
git clone https://github.com/artemshchirov/ultracube
cd ultracube
npm installRun the project locally
npm run devNavigate to http://localhost:5173 to view the application
Artem Shchirov - Full Stack Developer
Contributions are welcome!
This project is licensed under the MIT License - see the LICENSE.md file for details.