An E-commerce app for a fictional clothing company. This project is currently hosted on Netlify.
- Shop through a list of items and add them to your cart
- Connected to a Rest API
- Stripe payment feature (If you want to try it out, you can always type in "test" into the input fields)
- Uses client-side routing via React-Router
- Utilizes HTTP requests to connect the user to the product database and stripe payment feature
- Is mobile and desktop friendly
- Clone this repository to your computer.
git clone https://github.com/DuncanBrewster/e-commerce-app.git
- On the master branch, install the NPM dependencies.
npm install
-
This project requires a Stripe API key. Create an account at stripe.com to get your key.
-
Create a .env file in your root directory.
touch .env
- Inside your .env file, create a variable called REACT_APP_STRIPE and set it to your unique API key.
REACT_APP_STRIPE = yourUniqueApiKey
- Open the project on a development server.
npm start
- View the project in your internet browser at http://localhost:3000.
This project:
- was built with React.
- is styled with Styled Components.
- uses JSX.
- Rest API was built using Postman.
- Rest API is connected to the app with MongoDB.
- hosted on Netlify.