A full-stack reactive e-commerce web application built with Next.js, Tailwind CSS, Prisma, DaisyUI and MongoDB
This is a Next.js project bootstrapped
with create-next-app
.
- Application
- Next.JS
- next-auth
- Component Library
- daisyUI
- CSS
- CSS 3
- Tailwind CSS
- Database
- MongoDB
- Prisma
- Formatting & Linting
- Prettier
- ESLint
This project relies on MongoDB Atlas cloud instances for managing resources such as products
and carts
. If you
intend to clone this repository and run it locally, please follow these steps:
- Create a MongoDB Atlas Account: To get started, you'll need to create an account on MongoDB Atlas, and the good news is, it's absolutely free! You can follow the step-by-step instructions in the MongoDB Atlas Tutorial โ How to Get Started provided by freeCodeCamp to set up your own cluster.
- Configure Your Environment Variables: After setting up your MongoDB Atlas cluster, you'll need to configure your
environment variables. To do this, rename the
.env.sample
file in your project directory to.env
. Then, open the.env
file and insert the MongoDB URI from your Atlas cluster.
Here's what it should look like:
# Database variables
MONGODB_ATLAS_URI=mongodb+srv://<MONGODB_USER>:<MONGODB_PASSWORD>@<MONGODB_CLUSTER_HOST>/<MONGODB_DB_NAME>?retryWrites=true&w=majority
Note: In the example snippet above, you'll notice that the URI includes a database name. While this field is technically optional, it's highly recommended that you create your own database instance on your MongoDB Atlas cluster. This practice helps maintain organization and clarity in your project.
- Clone the repo:
git clone [email protected]:mrarvind90/fcc-impulsivity.git
- Navigate to the repository:
Change <repository_directory> to the name of the cloned directory.
cd <repository_directory>
- Install Dependencies:
This command will install all the necessary dependencies for the application.
npm install
- Configure Environment Variables: Rename the
.env.sample
file in your project directory to.env
and update it with the relevant credentials:cp .env.sample .env
- Run the application:
npm run dev
- Launch the application on http://localhost:3000/
While developing this project, there are several areas I plan to focus on for enhancements and refinements which can be found on GitHub.