e-commenre platform cloned based on ZARA.com which contains Latest trends in clothing for women, men & kids at TAKEITNOW online. Find new arrivals, fashion catalogs, collections & lookbooks every week.
- All the contents like products, slider images on home page, are coming from backend.
- everything can be managed from admin dashboard.
- users role can also be managed from admin page.
- navigation links are dynamic, can also be managed from admin page.
Checkout Project Deployed Link
NextJs, Chakra UI, Redux Toolkit, mongoose, axios, React Icons, jsonwebtoken, argon2
> Clone the projet repository.
> cd flashy-burst-4121
<!-- - move to repo directory -->
> run npm install
> install vercel cli [npm i -g vercel]
> create account on vercel official website
> run - vercel login [to login vercel account using cli]
> run - vercel
> run - vercel --prod [after successfull execution of vercel command]
> create two Environment variable on vercel webiste under your project settings.
[during vercel command you will get your project build page link or you can mannualy check it by logging to your vercel account.]
1. MONGO_URI = "your mongodb database uri"
2. BASEURL = 'http://localhost:3000/api'
[replce http://localhost:3000/ with your new domain, that you will get after completion of . vercel --prod command]
[for me url for setting env variable on vercel is - https://vercel.com/myusername/myprojectname/settings/environment-variables]
To access the admin page create one user in your mongodb database with role = "admin", based on given schema(model).
[for schema open - models/user.model.ts]
- All Client Routing files are directoly inside Pages directory
- All Admin Routing files are inside Pages>admin directory .
- api is inside Pages>api directory
- Controller directory contains all the api logics, controller files are directly used api, inside pages>api.
Models directory contains schemas and models of mongodb database.
all the reduxtoolkit logic, which is used to manage redux store are stored here.
All the required UI components stored here
Managing global context for cart items
all the typescript interface for client, admin, mongodb schema, and controller functions are written here.
lib directory contains, argon2 logic for password hashing and validation, jwt logic for generating and validating tokens, mongodb connection logic, some local varibals.