Ecommerce App which is calling a external api and pulling the data regarding the products
This project is a full-stack e-commerce application that allows users to browse products, add them to their cart, and complete purchases through an integrated payment system. The frontend is built with React and uses Redux for state management, React Toastify for notifications, and Stripe for payment processing. The backend is powered by Express.js and uses MongoDB and Mongoose for database management.
- Node.js
- MongoDB
- Stripe account
-
Clone the repository
git clone https://github.com/ShivanshCharak/Drippster
-
Navigate to the backend directory
cd backend
-
Install dependencies
npm install
-
Set up environment variables in a
.env
filePORT=8000 MONGO_URI=your_mongo_uri STRIPE_SECRET_KEY=your_stripe_secret_key
Start the backend server
npm start
-
Navigate to the frontend directory
cd frontend
-
Install dependencies
npm install
-
Set up environment variables in a
.env
fileREACT_APP_STRIPE_PUBLIC_KEY=your_stripe_public_key BACKEND_URL=http://localhost:5000
Start the frontend development server
npm start
- Open your browser and navigate to
http://localhost:3000
. - Browse products, add them to your cart, and proceed to checkout.
- React: A JavaScript library for building user interfaces.
- Redux: It is used to work with products, which will help the code to find the price and the product has been added to the cart.
- React Toastify: A library for displaying notifications in your React app.
- Stripe: A technology company that builds economic infrastructure for the internet, used here for payment processing.
- Express.js: A web application framework for Node.js.
- MongoDB: A NoSQL database program, using JSON-like documents with optional schemas.
- Mongoose: An Object Data Modeling (ODM) library for MongoDB and Node.js.
- Stripe: Used for handling payments on the backend as well.
- User authentication and authorization.
- Product listing and details.
- Shopping cart and checkout process.
- Payment processing with Stripe.
drippster's People
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.