Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/asm2212/asmshop

asm shop - responsive E-commerce website that allows users to browse products,add them to thier cart and proceed to checkout
https://github.com/asm2212/asmshop

expressjs media-queries mongoose node-js react-router reactjs

Last synced: 7 days ago
JSON representation

asm shop - responsive E-commerce website that allows users to browse products,add them to thier cart and proceed to checkout

Awesome Lists containing this project

README

        

## ASMShop
![image](https://github.com/asm2212/AsmShop/assets/146835831/b54e7449-98e2-49c1-b5c2-1352c7177e77)
![image](https://github.com/asm2212/AsmShop/assets/146835831/1dfe42dc-a049-4337-9090-192ab472757c)
![image](https://github.com/asm2212/AsmShop/assets/146835831/255875ad-63f2-43e0-ba7d-b930270822e4)
![image](https://github.com/asm2212/AsmShop/assets/146835831/29e4b72c-fb43-491b-a76a-cb97114d5563)
![image](https://github.com/asm2212/AsmShop/assets/146835831/bb601b50-f945-4752-a6df-b8e51dff5d52)

a responsive e-commerce website that allows users to browse products, add them to their cart, and proceed to checkout. The application is built using React for the frontend, Node.js and Express for the backend, and MongoDB for the database.

## Features
User Authentication: Users can sign up, log in, and manage their accounts.
Product Catalog: Browse through a variety of products with detailed descriptions and images.
Shopping Cart: Add products to the cart, adjust quantities, and proceed to checkout.
Order Management: Users can view their order history and track the status of their orders.
Responsive Design: The website is optimized for various screen sizes using media queries.

## Technologies Used
React: A JavaScript library for building user interfaces.
Media Queries: Used for responsive design, ensuring a seamless experience across different devices.
Node.js: A JavaScript runtime for building scalable and server-side applications.
Express: A web application framework for Node.js that simplifies the creation of APIs.
MongoDB: A NoSQL database used to store product information, user data, and order details.

## Installation
Clone the repository:

git clone https://github.com/asm2212/AsmShop.git

cd asmshop

## Install dependencies:

npm install
Set up the MongoDB database:

Create a MongoDB database and obtain the connection URI.

Create a .env file in the root directory and add the following:

MONGODB_URI=your_mongodb_uri
Run the development server:

npm run dev

## Usage
Visit http://localhost:3000 in your web browser.
Explore the product catalog, add items to your cart, and proceed to checkout.
Sign up or log in to manage your account and view order history.

## Contributing
Contributions are welcome! If you have any suggestions, bug reports, or feature requests, please open an issue or submit a pull request.

## License
This project is licensed under the MIT License.