Impulsivity

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.

Libraries / Frameworks / Databases Used

• Application
  • Next.JS
  • next-auth
• Component Library
  • daisyUI
• CSS
  • CSS 3
  • Tailwind CSS
• Database
  • MongoDB
  • Prisma
• Formatting & Linting
  • Prettier
  • ESLint

Pre-requisite

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:

1. 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.
2. 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.

Getting Started

1. Clone the repo:

   git clone [email protected]:mrarvind90/fcc-impulsivity.git
   

2. Navigate to the repository:

   cd <repository_directory>
   

   Change to the name of the cloned directory.
3. Install Dependencies:

   npm install
   

   This command will install all the necessary dependencies for the application.
4. 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
   

5. Run the application:

    npm run dev
   

6. Launch the application on http://localhost:3000/

Future Improvements

While developing this project, there are several areas I plan to focus on for enhancements and refinements which can be found on GitHub.