smmk123/sample-store-njs

This is an E-commerce demo frontend for a Node.js Express backend. It is built using Next.js 13 and utilizes Material UI for the components. Please note that the backend is hosted on Heroku's Eco tier service, so it may take some time to load the products.

Next.js 13 E-commerce Project

This is a sample Next.js project for building an e-commerce website. It includes features such as displaying products, adding them to a shopping cart, and checking out.

Demo

A live demo of the project can be accessed here.

Backend

The products are loaded from a Node.js Express backend. You can find the backend code in the node-express-backend repository.

Technologies Used

• Next.js
• React
• Node.js
• Express
• Tailwind CSS

Features

• Displaying products with details such as name, price, and description.
• Adding products to a shopping cart.
• Updating the quantity of items in the cart.
• Calculating the subtotal and total price of items in the cart.
• Checking out and completing the purchase.

Getting Started

Prerequisites

• Node.js (version X.X.X)
• npm (version X.X.X)

Installation

1. Clone the repository:

   git clone https://github.com/smmk123/sample-store-njs

2. Change into the project directory:

   cd nextjs-ecommerce-project

3. Install the dependencies:

   npm install

4. Start the development server:

   npm run dev

5. Open your browser and visit http://localhost:3000 to see the app.

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvement, please open an issue or submit a pull request.

License

This project is licensed under the MIT License.

Feel free to modify and customize the README.md file according to your specific project details and preferences.
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).