- 👋 Welcome
- ⚙️ Tech Stack
- 🔋 Features
- 🌐 Web URL
- 🤸 Quick Start
Thanks for checking out this ecommerce website. This app built with Next.js was from one of JavaScript Mastery Youtube channel JavaScript Mastery (Shout out to Adrian and JSMastery team😃 ) highly recommend if you want to upgrade your skills as a full stack developer. Check it out 😮 and let me know what you think.
👉 Google OAuth Authentication: allowing users to securely sign in their google accounts
👉 Github OAuth Authentication: allowing users to securely sign in their Github accounts
👉 Local account authentication: allowing users to securely create account and signin
👉 Cart and Favourite: allows users to add to cart or to their favorites any shoe avaliable
👉 Filter functionality: Filter shoes by different categories
👉 Checkout: proceed to checkout with stripe payment
- 🔗 Shoes
Follow this steps to setup the project locally on your machine.
Prerequsites
Make sure you have the following installed on your machine
Cloning the Repository
git clone https://github.com/Miki0035/shoe-ecommerce-app
cd shoe-ecommerce-appInstalling dependencies
Run the following command to install all dependencies
npm installEnvironment variables
In the root of your project
- create '.env.local' file and inside and the following variables
- DATABASE_URL=your_neon_db_url/any_database_connection_string
- NEXT_PUBLIC_APP_URL=http://localhost:3000
-BETTER_AUTH_SECRET=provided_from_better-auth
-NEXT_PUBLIC_BETTER_AUTH_URL=http://localhost:3000/api/auth
-GITHUB_CLIENT_ID= github client id
-GITHUB_CLIENT_SECRET= github secret
-GOOGLE_CLIENT_ID=google_client_id
-GOOGLE_CLIENT_SECRET=google_client_secret
-NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=stripe_publishable_key
-STRIPE_SECRET_KEY=stripe_secret_key
Running the Project
Finally run
npm run devIn your browser go to 'localhost:3000' 👍