ShopIT is a Fullstack Ecommerce webapp. it's where you can shop the things that you want with out worring about long processes.
it's a monorepo with two frontends and same backend created using turborepo. One is for client to use and place order and other is admin panel for administrator work process. there one comman package for validation created for value validation using ZOD.
Client web app it is well tested by react-testing lib. the paypment is powered by paypal. it is a PWA which is installlable and is semi workable in offline mode. cahceing worked by workbox. Other frontend is a for admin work and which is build using react-admin. it show's interactive ways to handle orders, review and other work. There are end-to-end test for the client apps by cypress.
Technologies
- Client
- React
- Styled Component
- react-query
- workbox
- @testing-library
- Admin
- React
- React-admin
- recharts
- @mui/material
- Backend
- Node.js
- Express.js
- imagekit
- mongoose
- agenda
- @sendgrid/mail
Features
- Top products carousel
- Product pagination
- Carousel slider
- Full featured shopping cart
- Product reviews and ratings
- Suggrested Products
- Wishlist Products
- Product search feature
- Save the Cart in User
- Order Placement
- Admin product management
- Admin Order details page
- Checkout process (shipping, payment method, etc)
- PayPal / credit card integration
- Database seeder (products & users)
- Admin Update product
- Private and Protected Routes
- User account management
- Products Search
- Forget password
- Backend API Cache
- Others