The Ecommerce Web Application is a modern online store built using Next.js, for server-side rendering and static site generation. The application allows users to browse and purchase various products securely through integrated payment processing using the Stripe API. For user authentication, the application leverages Next Auth to provide a seamless and secure login experience.
- Next.js: A React framework for building server-side rendered and statically generated web applications.
- Tailwind CSS: A utility-first CSS framework for styling components and UI elements.
- Strapi: A headless CMS for managing and storing product data, serving as the backend for the application.
- Stripe API: Integrated for secure and reliable payment processing during checkout.
- Next Auth: A library for handling authentication in Next.js applications, providing features like social logins, JWT support, and more.
-
Display a list of products with details such as title, description, category, size, and price.
-
Show detailed information about a specific product, including its attributes.
-
Allow users to add products to the cart, view selected items, and proceed to checkout.
-
Implement secure payment processing through Stripe API during the checkout process.
-
Provide a user-friendly and secure authentication system using Next Auth, allowing users to sign in using various social logins or email.
To run the Ecommerce Web Application locally, follow these steps:
- Clone the repository:
git clone https://github.com/BurhanH12/Ecom-WebApp.git
- Install the dependencies.
npm install
- Run the development server.
npm run dev ( For the Front-End )
npm run develop ( For Strapi Back-End )
- Open http://localhost:3000 with your browser to see the result.
The Ecommerce Web Application allows users to:
-
Log-In / Sign Up: Users can authenticate using Google or other options provided by Next Auth.
-
Browse Products: Users can browse through various products available on the platform.
-
Add Products: Authenticated users can add their products to the store, providing details such as title, description, category, size, and price, image etc.
-
Add to Cart: Users can add multiple products to their cart for purchase.
-
Checkout & Payment: When ready, users can proceed to checkout and make secure payments using the Stripe payment method.
Contributions to the Ecommerce Web Application are welcome! Please fork the repository and create a pull request with your changes.
This project is licensed under the MIT License. Remember to update the placeholders like Project Name
, Description
, Features
, Installation
, Usage
Contributing
, and License
with the relevant information for your project. You can also add more sections or customize the formatting as needed.