An e-commerce app for shopping clothes like hats, jackets, and sneakers for men and women. Built with React, TypeScript, Redux, Sagas, and Firebase.
Explore the docs »
View Demo
·
Report Bug
·
Request Feature
Table of Contents
Crwn Clothing is an e-commerce app for shopping jackets, hats, sneakers, and many more for both men and women The app is built using React, TypeScript, Redux, Redux Sagas, and Firebase for storing data.
The app allows users to:
- Browse and search for various clothing items.
- Add items to their shopping cart.
- Checkout and make purchases securely using Firebase.
- View and manage their order history.
This app is built using the following technologies:
To get started with the project, you can either fork this repository or download it locally to your system.
To get a local copy up and running, follow these simple example steps.
Make sure you have the latest version of NPM installed to avoid any errors:
- npm
npm install npm@latest -g
- Clone the repo
git clone https://github.com/stekatag/crwn-clothing.git
- Move into the project directory
cd crwn-clothing
- Install NPM packages
npm install
- Configure Firebase:
- Go to Firebase and create a new project.
- Obtain your Firebase configuration settings.
- Replace the Firebase config in
src/utils/firebase/firebase.utils.ts
with your own config.
- Start the development server
npm run dev
-
Create an account or login to the app. (not required)
-
Browse through the available clothing items in the app.
-
Add items to your shopping cart.
-
Proceed to checkout page to make a demo purchase using Stripe.
See the open issues for a list of proposed features (and known issues).
-
Implement a search feature for searching items by name.
-
Saving the cart items in the database for logged in users.
-
Allow users to filter products by categories, sizes, and prices.
-
Implement a wish list feature for saving favorite items.
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AwesomeNewFeature
) - Commit your Changes (
git commit -m 'Add some AwesomeNewFeature'
) - Push to the Branch (
git push origin feature/AwesomeNewFeature
) - Open a Pull Request
Distributed under the MIT License. See license for more information.