Client
▶️ Next.js- 🌟 Framer-motion
- ✨ React-hook-form
- ⚡️ Recoil
- 🔍 Axios
- 💎 Zod
Server
- 😸 Nest.js
- 🔑 JWT
- 💾 MongoDB
- 📣 Mongoose
Blockchain
- 🏦 Solidity
- 💱 Ethers.js (v6+)
- 👷 Hardhat
Testing
- ✅ Cypress
- Purchase of goods
- Give a product a rating/comment
- Delete your comment/rating
- Add products to your favorite list
- Remove products from your likes list
- Select product configuration
- Search products by filters
- Search products by filters: gender, color, size, collections
- Filter product feed by date, price
- Load products when scrolling
- Registration, authorization
- Changing, filling out the profile with personal data for automatic loading when paying
- (Admin) Add new products
- View/delete added items to cart
- Use promotional codes
- Payment for products using a smart contract
- Payment upon receipt by mail
- View 6 newest products
- (Admin) View, interact with products delivery
Home page
Shop page
Product page
Profile page
Pay page
You can just fork or clone this repository and use it as is.
✨ It just works. ✨
Step 1 Start Let's start by installing dependencies using the command
npm iNow let's start the client, server
// client
cd client
npm run dev
// server
cd server
npm run start:dev
// hardhat
cd client
npx hardhat nodeYou can see that after the command "npx hardhat node" you have a JSON-RPC url displayed, copy it, we will need it soon
Step 2 MetaMask
install the extension for your browser by clicking HERE
Now register with MetaMask
After installation, an extension with the MetaMask logo should appear in the upper right corner of your browser, click on it and follow the actions on the cards
Now let's get a test currency
Copy any private key
Everything is ready, our balance is 10,000 ETH
Create a .env file on the server and add 2 variable names to it whose names must be strictly observed
DB_LINK = //Your link to mongoDB
JWT_SECRET_KEY = // Any key, for example 123456 (Do not use for real projects because it is very simple, use a password generator)