75009-anjali / ecommerce

Final Year Project Based On Next Js Sanity Stripe

E-commerce Project

This project is an e-commerce website developed for the final year project. It is built using Next.js, integrating Stripe payment gateway for secure online payments, and utilizes Sanity as a headless CMS for managing product data.

Features

• Browse and search products
• Product details and images
• Add products to the cart
• Secure online payments using Stripe
• Manage product data using Sanity CMS

Technologies Used

• Next.js: A React framework for building server-side rendered and static websites
• Stripe: A payment gateway for accepting online payments
• Sanity: A headless CMS for managing content

Installation

1. Clone the repository:

   git clone https://github.com/your-username/ecommerce-project.git
   

Configure Environment Variables

1. Create a .env.local file in the root directory of the project.

2. Open the .env.local file and add the following environment variables:

   NEXT_PUBLIC_STRIPE_PUBLIC_KEY=your_stripe_public_key
   SANITY_PROJECT_ID=your_sanity_project_id
   SANITY_DATASET=your_sanity_dataset
   

Start the Development Server

To run the development server and launch the application, follow these steps:

1. Open a terminal or command prompt.

2. Navigate to the project's root directory.

3. Run the following command to start the development server:

   npm run dev
   

Open your browser and navigate to http://localhost:3000 to see the application.

Usage

To use the e-commerce application, follow these steps:

1. Browse the Products:

   • On the homepage, you will see a selection of available products.
   • Click on a product to view its details, including the product description, price, and images.

2. Add Products to the Cart:

   • On the product details page, you will find an "Add to Cart" button.
   • Click on the button to add the product to your cart.
   • You can add multiple products to your cart.

3. Proceed to Checkout:

   • Once you have added the desired products to your cart, click on the cart icon or "View Cart" button to proceed to the checkout page.
   • On the checkout page, you will see a summary of the products in your cart and the total price.
   • Fill in the required information, such as shipping address and payment details.

4. Complete the Payment Process:

   • The application integrates with the Stripe payment gateway for secure online payments.
   • Enter your payment details and follow the prompts to complete the payment process.
   • You will receive a confirmation message once the payment is successful.

5. Manage Product Data through the Sanity CMS:

   • The product data, including descriptions, images, and prices, can be managed using the Sanity CMS.
   • Log in to the Sanity CMS dashboard using your credentials.
   • From the dashboard, you can add, edit, or remove products, update product information, and manage other content related to the e-commerce store.

Feel free to explore the application, add products to your cart, and complete the checkout process to experience the full functionality of the e-commerce website.

Contributing

Contributions to this project are welcome! If you would like to contribute, please follow these steps:

1. Fork the repository by clicking on the "Fork" button at the top right corner of the repository page.

2. Clone the forked repository to your local machine. You can use the following command in your terminal:

   git clone https://github.com/75009-anjali/ecommerce
   

License

• This project is licensed under the MIT License.

Acknowledgements

We would like to acknowledge the following technologies and resources that have been instrumental in the development of this project:

• Next.js: A React framework for building server-side rendered and static websites.
• Stripe: A payment gateway for accepting online payments securely.
• Sanity: A headless CMS for managing content and product data.

We express our gratitude to the creators and maintainers of these technologies for their contributions to the open-source community.

Special thanks to our project supervisor and advisors for their guidance and support throughout the development process.

If you find any of these technologies or resources helpful, consider checking out their documentation and websites for more information.

Contact

For any inquiries or questions related to this project, please feel free to reach out:

• Your Name: Anjali Subhash Rathod
• Email: [e-mail]

We welcome any feedback, suggestions, or collaboration opportunities. Don't hesitate to contact us if you have any questions or need further assistance.

You can reach us via email or through the following communication channels:

• LinkedIn: Your LinkedIn Profile

We look forward to hearing from you and appreciate your interest in our project!