This website is a clone of Amazon.
Amazon is an application where users can shop, view, comment, and purchase products that exist in the Amazon store.
- Link to live Amazon project.
Amazon allows users to view all of the products within the store, make reviews about the products, and purchase them, which moves the users cart item directly into the the recent orders section.
- Reviews: Users can create, read, update, and delete reviews.
- Prime: Users can update their current Prime memebership status which offers discounts on purchase totals.
- Products: Users can view all of the products inside of the amazon store.
- Types: All of Amazons products are categorized into specfic types which users can view individually organized into the corresponding type.
- Orders: Users can view their full order history and create new orders but making purchases.
- Cart: Users can add, view, and delete cart items as desired.
Amazon was developed using the following Technologies:
React | Redux | Flask | Postgres |SQLAlchemy | Alembic | CSS | Git | Node.js | NPM | HTML / JSX | Heroku
- JavaScript/React (frontend)
- Python/Flask (backend)
To install Amazon on your local machine please clone the project repository.
1 ) git clone https://github.com/MatthewSatt/Amazon_clone.git
2 ) cd into Amazon_clone
cd Amazon_clone/
3 ) Install dependencies
`pipenv install --dev -r dev-requirements.txt && pipenv install -r requirements.txt`
4 ) Create a .env file based on the example with proper settings for your development environment
5 ) Setup your PostgreSQL user, password, database, and make sure it matches your .env file
6 ) To setup the backend application...
enter the pipenv shell, migrate your database, seed your database, and run the flask application
• cd Amazon_clone/
• pipenv shell to enter the pipenv shell
• flask db upgrade
• flask seed all
• flask run while in the shell and within the backend (Amazon_clone/) directory under localhost:5000
7 ) To run the frontend react application...
• Change into the frontend directory Amazon_clone/react-app/
• Run npm install to install all dependencies from the package.json within the frontend directory
• npm start within the frontend directory(Amazon_clone/react-app) under localhost:3000
This project was developed by a single developer (Matthew Satterwhite).
- Design: Amazon was designed to be an interactive website that focuses on user experience and incorporates modern design elements. To accomplish this, transition effects and animations were added to different parts of the site to update the user on the current status of their orders, reviews, cart products, and individual payments.
• I would like to develop discounts on specific products for users that are subscribed to prime.