E-Commerce Capstone Project
Welcome to my E-Commerce web application! This is the final project of the Fullstack Academy web development boot camp and corresponds to Tier One of the Minimum Viable Product (MVP).
Requirements
As a user, I should be able to:
- Access the website via the internet to browse and purchase products. (Deployed on a front-end host)
- View all available products.
- View the details for an individual product, including product descriptions, photos, price, etc.
- Sort products by certain characteristics (name, price, etc.).
- Filter products by certain characteristics (category, type, maximum/minimum price, etc.).
- Enjoy an aesthetically pleasing website with an intuitive and easy-to-use UI/UX.
As a User (Logged In), I Should Be Able To:
- Add an item to my cart.
- Have a persistent cart to revisit and pick up where I left off.
- For example, if I add items to my cart, close my window, and go back to the website later, those items should persist.
- Edit my cart if I change my mind:
- Change the quantity of a product in my cart.
- Remove a product from my cart.
- "Check out" the items in my cart, i.e., purchase the products.
Website URL
[Visit the Website] (https://curious-fudge-55627f.netlify.app/)
Introduction
Our E-Commerce website allows users to browse and purchase products with ease.
For Unauthenticated Users (Not Logged In)
- Access the website via the internet to browse and purchase products.
- View all available products.
- View detailed information about each product, including descriptions, photos, prices, ratings, and more.
- Sort products by name and price in both ascending (ACS) and descending (DESC) order.
- Filter products by category and/or price range.
- Use the search bar to find specific items.
- If you would like to use login feature you can pick one of these fake accounts:
User Interface
The website features a pastel color scheme and offers an easy-to-use interface.
Technologies Used
- NPM, React, JavaScript, Tailwind CSS,
- Data Fetching: Axios
- Third-Party API: [Link to fakestoreapi] (https://fakestoreapi.com/)
Getting Started
To access the website, simply click on the "Visit the Website" link above. You don't need to install anything or set up any local environment since it's hosted online.
Contributing
While this project serves as my first web application and was created as part of the boot camp capstone, I am going to add more features to it. At this point any improvement advice is very welcome. If you'd like to contribute or have ideas for improvements, please contact me or visit the GitHub repository.
License
This project is open-source and licensed under the MIT License.
Acknowledgments
I am very grateful to the whole team at Fullstack Academy. Many thanks to my amazing instructor, John, Mentor Jonathan, and Abidur, and to my fellow students. They provided all the resources that helped me develop this E-Commerce MVP.