Skip to content

Latest commit

 

History

History
69 lines (50 loc) · 2.06 KB

README.md

File metadata and controls

69 lines (50 loc) · 2.06 KB

Ultracube | Rubik's Cube Shop

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.

🚀 Features

  • 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.

⚙️ Technology Stack

  • Vue 3
  • Vue Router
  • Composition API
  • TypeScript
  • SCSS
  • @formkit/auto-animate
  • Axios
  • mokky.dev
  • ESLint
  • Prettier
  • Figma

✔️ TODO

  • Adaptive mobile layout
  • Debounce search
  • Home page Swiper
  • Profile page
  • My Orders section
  • Info Block for empty pages
  • Products skeletons
  • Authentication
  • Navigation menu

📘 Getting Started

To get started with this project, clone the repository and install the dependencies:

git clone https://github.com/artemshchirov/ultracube
cd ultracube
npm install

Run the project locally

npm run dev

Navigate to http://localhost:5173 to view the application

👨‍💻 Author

Artem Shchirov - Full Stack Developer

🛠️ Contribution

Contributions are welcome!

📄 License

This project is licensed under the MIT License - see the LICENSE.md file for details.