RAOUFラウフ is an eCommerce website that minimalistic and simple design lifestyle enthusiasts can buy from.
To run this project on your local machine make sure you have the latest package manager installed:
npm install npm@latest -g- clone the repo:
git clone https://github.com/Abderraouf-Rahmani/ecommerce.git- Install NPM packages
npm install- Create an .env file
This project has four envirement variables:
NEXT_PUBLIC_SANITY_TOKEN = <your_sanity_token_here>
SANITY_PROJECT_ID = <your_sanity_project_id_here>
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY = <your_stripe_publishable_key_here>
STRIPE_SECRET_KEY=<your_stripe_secret_key_here>- Sanity.io is an open source headless real-time CMS that you can customize with JavaScript and React, you'll need to create an account there and fill in the first two variables with their respective values.
- The last two variables are from Stripe, which is a payment processing platform, you'll need to make an account as well and fill in the variables with their respective values.
- Run the development server
npm run dev
# or
yarn devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.
- Make the website responsive
- Add Success and Cancelled pages
- Add swiping functionality for the product's carousel.
- Add a filter to sort products by price.
- Multi-language Support
- French
- Arabic
Feel free to connect with me on Linkedin
This project made possible because a tutorial I watched on a youtube channel called JavaScriptMastery, I just gave the front-end a better styling.