Amazon React Clone Challenge
v1.06 - ReactJS, Material UI, Context API, Axios API, Stripe API, ESLint. Google Login, location, add to cart and shopping cart are functional.
Kevin's Amazon React App is live at: https://react-81c61.web.app/
How to:
To code a web app similar to the one at the domain https://react-81c61.web.app/ using the codebase from https://github.com/KevinRoozrokh/amazon-clone, you can follow the following step-by-step guide:
-
Set up the development environment:
- Install Node.js and npm (Node Package Manager) if you haven't already.
- Choose a code editor or integrated development environment (IDE) for development.
-
Clone the codebase:
- Open a terminal or command prompt.
- Navigate to the desired directory where you want to clone the project.
- Run the following command to clone the repository:
git clone https://github.com/KevinRoozrokh/amazon-clone.git
-
Install dependencies:
- Navigate into the project directory:
cd amazon-clone
- Run the following command to install the project dependencies:
npm install
- Navigate into the project directory:
-
Configure the app:
- Open the project in your code editor.
- Look for a configuration file or files that contain environment variables or settings, such as
.env
orconfig.js
. - Set any required configuration variables based on your environment (e.g., API keys, endpoints).
-
Start the development server:
- Run the following command to start the development server:
npm start
- This will launch the app in your default web browser, running on
http://localhost:3000
.
- Run the following command to start the development server:
-
Explore and modify the code:
- Open the project in your code editor.
- Explore the directory structure and familiarize yourself with the codebase.
- Make any necessary modifications or enhancements to meet your requirements.
-
Test the app:
- Write and execute tests to ensure the app's functionality works as expected.
- Use testing frameworks like Jest and React Testing Library for writing and running tests.
-
Build and deploy the app:
- Once you are satisfied with your modifications, build a production-ready version of the app.
- Run the following command to create an optimized build:
npm run build
- Deploy the built files to a hosting service like Firebase Hosting or another hosting platform of your choice.
-
Continuously maintain and update the app:
- Monitor and address any reported issues or bugs.
- Implement new features or improvements based on user feedback.
- Keep your dependencies up to date by regularly updating them.
Please note that this guide assumes you have basic knowledge of React.js and how to work with Node.js and npm. Additionally, ensure you have reviewed any documentation or README files provided in the codebase repository to understand any specific instructions or requirements for the Amazon Clone app.
Coded by Kevin Roozrokh
.
Portfolio: https://kevinroozrokh.github.io/
Github: https://github.com/KevinRoozrokh
Email: [email protected]
Kevin's Social Media Links:
Version Notes //
Version v1.00 Amazon home page creation.
Version v1.01 Added products.
Version v1.02 Added checkout page.
Version v1.03 Added revolving banners.
Version v1.04 Added cart functionality. Added location.
Version v1.05 Added context API login with authentication.
Version v1.06 Fixed flex alignment issues.