TechNest E-commerce Store - README

Website

Introduction

Welcome to our E-commerce Store! This web application allows users to purchase smartwatches, earphones, headphones, and speakers. The store is built using Next.js, ensuring a seamless and efficient shopping experience. We utilize a single source of truth in the form of context to manage state across the application, and Stripe is integrated for secure and reliable payment processing.

Features

• Browse and search for products in categories like smartwatches, earphones, headphones, and speakers.
• Detailed product pages with descriptions, prices, and images.
• Add products to the cart and manage cart items.
• Secure checkout process using Stripe for payments.
• User authentication and profile management.
• Responsive design for optimal viewing on various devices.

Technologies Used

• Next.js: A React framework for server-side rendering and static site generation.
• React Context API: For state management, providing a single source of truth.
• Stripe: For handling payments securely.
• CSS Modules: For component-level styling.
• TypeScript : For type safety and better development experience.

Prerequisites

Ensure you have the following installed:

• Node.js (>= 14.x)
• npm (>= 6.x) or Yarn (>= 1.x)

Installation

• First clone the repository .
• Then use npm i to install the necessary dependencies
• Make sure to create a .env file and populate it with the necessary environment variables.
• Now use npm run dev , and navigate to localHost:3000 to view the website

Acknowledgements

• Next.js Documentation
• React Documentation
• Stripe Documentation

Contact

For any questions or suggestions, please open an issue or reach out to me at my email winkhatri292004@gmail.com.

---

Thank you for using my E-commerce Store! Happy shopping!