Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mrarvind90/fcc-impulsivity
A full-stack reactive e-commerce web application built with NextJS, Tailwind CSS, Prisma, DaisyUI and MongoDB
https://github.com/mrarvind90/fcc-impulsivity
daisyui freecodecamp mongodb next-auth nextjs postcss prisma tailwindcss typescript zod
Last synced: 24 days ago
JSON representation
A full-stack reactive e-commerce web application built with NextJS, Tailwind CSS, Prisma, DaisyUI and MongoDB
- Host: GitHub
- URL: https://github.com/mrarvind90/fcc-impulsivity
- Owner: mrarvind90
- License: mit
- Created: 2024-01-04T14:33:41.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-01-05T05:52:52.000Z (about 1 year ago)
- Last Synced: 2024-11-10T03:16:20.753Z (3 months ago)
- Topics: daisyui, freecodecamp, mongodb, next-auth, nextjs, postcss, prisma, tailwindcss, typescript, zod
- Language: TypeScript
- Homepage: https://fcc-impulsivity.vercel.app
- Size: 334 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://www.freecodecamp.org/)
# Impulsivity
A full-stack reactive e-commerce web application built with Next.js, Tailwind CSS, Prisma, DaisyUI and MongoDB
This is a [Next.js](https://nextjs.org/) project bootstrapped
with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/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](https://www.freecodecamp.org/news/get-started-with-mongodb-atlas/)
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:
```dotenv
# Database variables
MONGODB_ATLAS_URI=mongodb+srv://:@/?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
git clone [email protected]:mrarvind90/fcc-impulsivity.git
```
2. Navigate to the repository:
```shell
cd
```
Change to the name of the cloned directory.
3. Install Dependencies:
```shell
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:
```shell
cp .env.sample .env
```
5. Run the application:
```shell
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](https://github.com/mrarvind90/fcc-impulsivity/issues).