Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rubenchirino/amazon-clone
Practice creating an amazon clone (Front-end)
https://github.com/rubenchirino/amazon-clone
axios clone ecommerce express firebase full-stack material-ui react stripe
Last synced: 2 days ago
JSON representation
Practice creating an amazon clone (Front-end)
- Host: GitHub
- URL: https://github.com/rubenchirino/amazon-clone
- Owner: RubenChirino
- Created: 2020-11-20T01:17:55.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2023-08-06T01:04:25.000Z (over 1 year ago)
- Last Synced: 2024-12-03T16:35:08.325Z (2 months ago)
- Topics: axios, clone, ecommerce, express, firebase, full-stack, material-ui, react, stripe
- Language: JavaScript
- Homepage: https://amazon-clone-rubenchirino.vercel.app
- Size: 625 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Amazon Clone
## Home
![home](https://github.com/RubenChirino/amazon-clone/assets/52714843/25d42a20-d32a-470f-b2ab-aa28ad7a91a5)
## Sign In
## Cart
![cart](https://github.com/RubenChirino/amazon-clone/assets/52714843/8601f273-041b-431b-80f5-fe379c94246e)
## Checkout
![checkout](https://github.com/RubenChirino/amazon-clone/assets/52714843/62fa784e-df19-476c-baa3-55f201d8d7a5)
### `npm start`
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.The page will reload if you make edits.\
You will also see any lint errors in the console.### `npm run build`
Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
If you want to deploy the Frontend in Firebase, you must run the following command in the amazon-clone folder: "firebase init" and select the Hosting option and follow the steps to make a correct configuration.
Then run the command: "npm run build && firebase deploy --only hosting", the console will show a URL where the site will be hosted.
# Backend (Express - Firebase cloud functions)
Once the project is configured in your Firebase account, you must run the following command in the location of the functions folder: "firebase emulators:start" and this command will start the functions in development mode for testing.
To deploy the functions in the Cloud you must execute the following command in the location of the functions folder: "firebase deploy --only functions", you must bear in mind that you must change the plan of your account from "Spark" to "Blaze", otherwise you will get an error in the terminal when you use the command.