RC-Toys - SPA online-store made on Vanilla JS

Open in browser - https://alexmegadrive.github.io/rc-toys/

Common features

• MVC model project structure, business-logic layers and layout layers are separated and linked via Controller
• Application works as SPA (single-page application)
• Hash routing
• 404 page and redirects
• Implemented testing via Jest

Catalog page features

• Query parameters added when filters changing, and filters are restored from url query parameters when opening in a new page
• Filters by category, colors, name, price, weight
• Search filters performing serach by all text fields of product (you can type "green" and find all products with green color)
• Different sorting option in catalog
• Payment system changing when typing card number

Cart page features

• Cart is being saved to Localstorage, so your products are saved on page refreshing
• Promocode block
• Cart pagination and ability to change number of displayed items
• Modal window for order information performing validation on all input fields

Commands

• npm install for installing dependencies
• npm run start for starting in localhost
• npm run dev for building project to dist folder