Forneus-1901 / Amazon_Clone

Welcome to the presentation on the Front-End Development of an Amazon Clone. In this project, our goal was to create a user-friendly and visually appealing interface that emulates the popular e-commerce platform, Amazon. Through careful design and development, we aimed to provide a seamless and immersive shopping experience for our users.

Amazon Clone Website

Welcome to the README file for the Amazon Clone Website project. This project aims to replicate some of the functionalities and design aspects of the popular e-commerce platform, Amazon. Below you'll find information about the project structure, features, and how to run the application.

Features:

1. User Authentication: Users can sign up, log in, and log out securely.

2. Product Listings: Display various products with details like name, price, description, and images.

3. Product Search: Users can search for products based on keywords.

4. Product Categories: Products are categorized for easy navigation.

5. Add to Cart: Users can add products to their shopping cart.

6. Shopping Cart: View and manage items in the shopping cart.

7. Checkout: Secure checkout process for purchasing items.

8. Order History: Users can view their past orders.

9. Responsive Design: The website is designed to be responsive and accessible on different devices.

Technologies Used:

• Frontend: HTML, CSS, JavaScript, React.js
• Backend: Node.js, Express.js
• Database: MongoDB

Project Structure:

/amazon-clone
    /client
        /public
        /src
            /components
            /pages
            /utils
            App.js
            index.js
    /server
        /controllers
        /models
        /routes
        /utils
        server.js
    .gitignore
    package.json
    README.md

How to Run:

1. Clone the Repository: Use git clone to clone the repository to your local machine.

2. Install Dependencies:

   • Navigate to the root folder of the project.
   • Install frontend dependencies:

     cd client
     npm install
     

   • Install backend dependencies:

     cd ../server
     npm install
     

3. Set Up Environment Variables: Create a .env file in the /server directory and define environment variables such as database connection URI, JWT secret, etc.

4. Start the Server:

   • In the /server directory, run:

     npm start
     

5. Start the Client:

   • In the /client directory, run:

     npm start
     

6. Access the Website:

   • Once the server and client are running, you can access the website in your browser at http://localhost:3000.

Contributors:

This project is maintained by [Your Name] and contributions are welcome.

Notes:

• This Amazon Clone Website is for educational purposes only.

• It is not affiliated with Amazon and should not be used for commercial purposes without proper authorization.

• Certain features may require further development and enhancement for practical use.

Enjoy exploring the Amazon Clone Website! If you have any questions or suggestions, feel free to reach out to us.