https://github.com/khushi2706/e-commerce-site-amazon-clone

https://github.com/khushi2706/e-commerce-site-amazon-clone

Last synced: 8 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/khushi2706/e-commerce-site-amazon-clone
• Owner: khushi2706
• Created: 2022-11-21T17:09:52.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2022-11-21T17:11:11.000Z (almost 3 years ago)
• Last Synced: 2025-01-16T06:34:24.798Z (9 months ago)
• Language: JavaScript
• Size: 319 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## Start the project 

In the project directory, you can run:

### `npm start`

Runs the app in the development mode.\

Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

The page will reload when you make changes.\

You may also see any lint errors in the console.

### Day 1

1. Create setup of react app 

   - [Create new app](https://reactjs.org/docs/create-a-new-react-app.html)

   - [Prerequisites](https://www.freecodecamp.org/news/the-5-things-you-need-to-know-to-understand-react-a1dbd5d114a3/) 

   - [How To Create Custom Components in React](https://www.digitalocean.com/community/tutorials/how-to-create-custom-components-in-react) 

   - [Create router ](https://npm.im/react-router-dom) 

   - [Add metrial ui into your react app](https://mui.com/material-ui/getting-started/installation/) 

   

2. Create Header 

    - We need a couple of icons in the navigation bar, like the search icon and the basket icon. React has a UI framework called Material-UI, which helps in building our frontend. Install the @material-ui/core and the @material-ui/icons packages

    - Create a new component called Header

    Add the amazon logo to the navigation bar.

    - Add a search bar. The search bar should also have a search icon. It need not be functional at the moment.

    - Create the navigation section of the header. Add the following sections:

       - Login

       - Returns & Orders

       - Amazon Prime

       - Shopping Basket

    - Add the necessary code in the .css file of the component so that it looks similar to the one of Amazon.