Next-Shop is a sample e-commerce web application built with Next.js and PayPal. It features a responsive UI, product catalog, shopping cart, checkout process, and order confirmation page. The application also integrates with the PayPal API to handle payments and manage orders.
Next-Shop uses the following technologies:
- Next.js - A React-based framework for building server-side rendered (SSR) web applications.
- PayPal - A payment processing platform for accepting online payments.
- React - A JavaScript library for building user interfaces.
- Tailwind CSS - A utility-first CSS framework for building responsive designs.
- MongoDB - A NoSQL document-oriented database for storing product and order data.
- Node.js - A JavaScript runtime environment for building server-side applications.
To install and run Next-Shop, follow these steps:
Clone the repository:
git clone https://github.com/yogeshmishra667/Next-Shop.git
Install dependencies:
cd Next-Shop
npm install
Set up environment variables: Create a .env file in the root directory of the project with the following variables:
PAYPAL_CLIENT_ID=<your_paypal_client_id>
MONGODB_URI=<your_mongodb_uri>
Replace <your_paypal_client_id> and <your_mongodb_uri> with your actual values.
Start the development server:
npm run dev
The application will be available at http://localhost:3000/.
Next-Shop provides a simple e-commerce experience for users. They can browse the product catalog, add items to their shopping cart, and complete the checkout process. Once an order is confirmed, users will be directed to an order confirmation page where they can view their order details.
As an administrator, you can log in to the application by visiting the /admin route. From there, you can manage products, orders, and other settings.
Contributions to Next-Shop are welcome! To contribute, follow these steps:
- Fork the repository.
- Create a new branch for your changes.
- Make your changes and commit them with descriptive commit messages.
- Push your changes to your forked repository.
- Create a pull request with a clear description of your changes.
Next-Shop is released under the MIT License.