brag2gr8/shoplife

ShopLife

Table of Contents

• Introduction
• Features
• Demo
• Installation
• Technologies
• Contributing
• License
• Acknowledgement

Introduction

ShopLife is an e-commerce web application built with React.js that allows users to browse and purchase products online. It provides a seamless shopping experience with features like product listing, product details, cart management, favorite items, and order tracking.

Features

• Product Listing: Browse through a wide range of products with detailed information such as title, price, and image.
• Product Details: View complete details of a product, including description, specifications, and reviews.
• Cart Management: Add products to the cart, adjust quantities, and remove items as needed.
• Favorite Items: Save your favorite products for easy access and future reference.
• Order Tracking: Track the status of your orders and view order history.
• User Authentication: Sign up and log in to manage your profile and access personalized features.
• Responsive Design: Enjoy a seamless shopping experience across devices, including desktop and mobile.

Demo

Check out live demo HERE

Installation

1. Clone the repository:

git clone https://github.com/brag2gr8/shoplife.git

2. Install the dependencies:

cd shoplife

npm install

3. Set up the environment variables:

cp .env.example .env

4. Replace the values in the .env file with your own API keys and configurations.

5. Start the development server:

npm run dev

6. Open your browser and visit http://localhost:5174 to access the application.

Technologies

• React.js
• JavaScript
• HTML
• CSS
• Firebase (for user authentication)
• API (e.g., Fakestore API)

List any additional technologies or libraries used in your project.

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, feel free to submit a pull request.

Please follow the contributing guidelines for more information.

License

This project is licensed under the MIT License.

Acknowledgements

This project would not have been possible without the following:

• Fakestore Api - Movie data and API provider
• Firebase - Authentication service
• React Router - Routing
• Font Awesome - Icon library for web projects
• Scrimba Frontend Career Path - Online course for learning frontend development
• Fetch API - JavaScript interface for making HTTP requests

Contact For any inquiries or questions, please contact me at [email protected].

Enjoy using ShopLife! 🎬🍿