An E-commerece website to showcase the latest gadgets and devices. TechBay is all about exploring and discovering the amazing electronic items that have become an integral part of our lives. From smartphones and TVs to laptops and more, TechBay features a wide range of products that cater to your tech needs and desires.
- Home Page - Homepage provides you with an intuitive and user-friendly interface, allowing you to discover the perfect products.
- Product Catalog - Browse and search for tech products available for purchase.
- Pagination - Pagination feature allows you to effortlessly navigate through the extensive product collection by dividing it into smaller, more manageable pages.
- Filters On Product - Filter through our extensive collection of products. Whether you're looking for a specific brand, category, or price range, our intuitive interface ensures that you find what you're looking.
- Search Functionality - Search functionality is designed to deliver quick and accurate results. Simply enter relevant keywords, such as product names, brands, or features, into the search bar.
- Product Detail Page - Each product showcased on our Single Product Page comes with a detailed description that highlights its key features, specifications, and functionalities.
- User Authentication - Authentication feature includes a login and signup process. By creating an account with TechBay, you gain access to exclusive features such as the Cart and Wishlist.
- Wishlist Management - On the Wishlist page, you'll find a curated collection of items that you have added for future consideration.you have full control over your wishlist and the option to increase quantities if the item is also present in your cart.
- Cart ManagementOn the Cart Management page, you will find a clear and concise overview of all the items you have added to your cart
- Checkout page - On the chekcout page you can easily review your selected items, enter shipping and payment details, and complete your purchase.
- Payment Gateway Integration - To provide a realistic checkout process, i have implemented a simulated payment integration using Razorpay.
- Order Management - The Order Management page provides a comprehensive view of all the orders placed on the platform
- Address managementTechBay offers a simple and convenient way to create, update, and delete addresses. Easily add new addresses for different locations, such as your home or office, and update them whenever necessary.
- Responsiveness - TechBay adapts effortlessly to different devices and screen sizes, ensuring optimal readability and navigation.
- Error Page - TechBay features a dedicated Error Page that provides a user-friendly experience when encountering unexpected errors or invalid URLs.
- Frontend: React.js, HTML, CSS
- Backend: MockBee
- Payment Integration: Razorpay
- Deployment: Netlify
- Other Libraries and Tools: React Router, Axios, JWT, etc.
- Clone the repository:
$ git clone https://github.com/umeshmehta14/TechBay--E-commerce-.git - Change directory
$ cd TechBay--E-commerce- - Install dependencies:
$ npm install - Start the development server:
$ npm start
- Open the application in your web browser at https://techbay-um14.netlify.app
- Sign up for a new account or log in if you already have one.
- Browse the product catalog, add items to your cart, and proceed to checkout.
- Complete the payment process using the integrated payment gateway.
- View and manage your orders in the user dashboard.
Contributions are welcome! If you'd like to contribute to the project, please follow these steps:
- Fork the repository.
- Create a new branch for your feature/bug fix: git checkout -b feature/your-feature.
- Make your changes and commit them: git commit -m "Add your feature".
- Push to the branch: git push origin feature/your-feature.
- Submit a pull request.
For any inquiries or feedback, please email at ishaanmehta782@gmail.com.