Techstore is an E-commerce web application built using React. It allows users to browse and purchase various tech products like smartphones, tablets, laptops, and accessories. The app also includes features for managing the user's cart and wishlist, as well as searching for products based on keywords.
The landing page provides an overview of the Techstore and showcases featured products. It serves as the entry point for users to start exploring the website.
The product listing page displays a grid of tech products available for purchase. Users can apply various filters to narrow down their search:
- Sort by Price: Users can sort products in ascending or descending order based on their prices.
- Filter by Category: Products can be filtered by four categories - smartphones, tablets, laptops, and accessories.
- Filter by Ratings: Users can select a specific rating to view products with equal or higher ratings with the help of the slider.
The single product page provides detailed information about a specific product. Users can read the product description, view product images, and add the item to their cart or wishlist.
Users can manage their cart by adding products to it or removing them. The cart page displays all the items the user has added, along with the total cost. Users can proceed to checkout or continue shopping.
The wishlist page displays products that users have marked as favorites. Users can add or remove products from their wishlist for future reference.
The navbar includes a search bar that enables users to search for products based on keywords. The search feature allows users to quickly find the products they are interested in.
The app will soon implement authentication features, enabling users to create accounts, log in, and log out securely.
Users will be able to manage their shipping addresses to streamline the checkout process.
The app will incorporate a secure checkout process, allowing users to finalize their purchases by providing payment and shipping information.
- Clone the repository to your local machine.
- Install dependencies using
npm install. - Run the app locally using
npm start. - The app will open in your browser at
http://localhost:3000.
- React
- React Router
- useState, useEffect, useContext hooks
- npm packages: react-toastify
- CSS for styling
The Techstore app is developed by Akshay Kamath and is inspired by the concept of an online tech store.
This project is licensed under the MIT License. Feel free to use and modify the code as per the terms of the license.
Feedback and contributions to improve the Techstore app are welcome. Please feel free to open issues or submit pull requests.
Thank you for using Techstore! Happy shopping!