eCommerce Application is a comprehensive online shopping portal that provides an interactive and seamless experience to users. In SPA format from product discovery to checkout, the application ensures a smooth journey for the user, enhancing their engagement and boosting their purchasing confidence.
- Login and Registration pages
- Main page
- Catalog Product page
- Detailed Product page
- User Profile page
- Basket page
- About Us page
- Language: Typescript
- Front-end: Vue
- Store: Pinia
- Routing: Vue-router
- Back-end and database: CommerceTools
- Linter: ESLint with airbnb style guide
- Formatter: Prettier
- Git-hook controller: Husky
- Test-framework: Vitest
- Frontend-workshop: Storybook
To start working on the project on your local machine, please, make sure that you install Git and Node.js LTS.
- Clone repository
- Run
npm installornpm ito install all packages needed
If you'd like to see changes in the project right away, you can start dev-server by next steps:
- Run
npm run devto starts a local dev-server with HMR for development - Press
oto see the project in Google Chrome or puthttps://localhost:5173/to the address bar of the preferable browser
npm run dev- run dev-servernpm run build-only- build the projectnpm run build- build the project for production (with types check)npm run build:dev- build the project for development (add sourcemap, no minify, no types check)npm run preview- run builded project on dev-server (work correctly after runnpm run buildfirst)npm run type-check- run types checknpm run lint- run eslint check with --fixnpm run format- run formatting by prettiernpm run prepare- enable Git hooks in automatically modenpm run test:unit- run testsnpm run test-coverage- run a table of coverage the project by tests in percentagenpm run test-ui- run tests with uinpm run storybook- run storybook onhttps://localhost:6006/npm run build-storybook- build storybook for productionnpm run init-msw- initialize msw-library in the project