blessdog / ecommerce Goto Github PK

RAOUFラウフ is an eCommerce website that minimalistic and simple design lifestyle enthusiasts can buy from.

• NextJs
• Vanilla Javascript
• HTML5
• CSS3
• Sanity.io
• Stripe

To run this project on your local machine make sure you have the latest package manager installed:

  npm install npm@latest -g

1. clone the repo:

   git clone https://github.com/Abderraouf-Rahmani/ecommerce.git

2. Install NPM packages

npm install

3. 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.

4. Run the development server

npm run dev
# or
yarn dev

Open 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.