Crwn-Clothing

View Demo · Report Bug

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Installation
   • Stripe
3. Contributing
4. Acknowledgments

About The Project

Full Stack E-Commerce Clothing shop made using React & firebase with Stripe payments implemented.

Built With

• React
• React Router
• Firebase
• Styled-Components
• Redux
• Redux Saga
• Stripe

(back to top)

---

Getting Started

This project require some prequesites and dependenscies to be installed, you can view it online using this demo. or you can find the instructions below:

To get a local copy, follow these simple steps :

Installation

installing Locally

1. Clone the repo

   git clone https://github.com/ahmedalam98/Crwn-Clothing.git

2. go to project folder

   cd Crwn-Clothing

3. install dependenscies

   npm install

4. Enviromental Variables Set up

   Here are the environmental variables that needs to be set in a .env file. This is the default setting that I used for development, but you can change it to what works for you.

   REACT_APP_STRIPE_PUBLISHABLE_KEY="your stripe publish key "
   STRIPE_SECRET_KEY="your stripe secret key "
   

5. Run development server

   npm start

• To run serverless function locally, use Vercel CLI

  # install CLI-tool globally
  npm i -g vercel
  
  # login with you account
  vercel login
  
  # run development server with serverless function
  vercel dev

(back to top)

---

Stripe

• To use test-payment use any dummy data like these:
  • Card Number: 4242 4242 4242 4242
  • MM/YY: Any date in the future
  • CVC: 424
  • ZIP: 42424

(back to top)

---

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

(back to top)

Acknowledgments

• Yihua Zhang