https://github.com/erikaperciliano/crwn-clothing
🛒 CRWN-Clothing is a modern e-commerce web application that allows users to browse items by categories, manage a shopping cart, and securely handle payments. The app offers a seamless shopping experience with real-time updates and smooth user interactions.
https://github.com/erikaperciliano/crwn-clothing
firebase reactjs redux stripe-api styled-components
Last synced: 4 months ago
JSON representation
🛒 CRWN-Clothing is a modern e-commerce web application that allows users to browse items by categories, manage a shopping cart, and securely handle payments. The app offers a seamless shopping experience with real-time updates and smooth user interactions.
- Host: GitHub
- URL: https://github.com/erikaperciliano/crwn-clothing
- Owner: erikaperciliano
- Created: 2024-12-20T15:51:57.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-02-04T16:49:32.000Z (5 months ago)
- Last Synced: 2025-02-04T17:46:17.452Z (5 months ago)
- Topics: firebase, reactjs, redux, stripe-api, styled-components
- Language: TypeScript
- Homepage:
- Size: 1.57 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CRWN-Clothing 🛒
CRWN-Clothing is a modern e-commerce web application that allows users to browse items by categories, manage a shopping cart, and securely handle payments. The app offers a seamless shopping experience with real-time updates and smooth user interactions.
Features 🚀
- Category Navigation: Browse items by categories and view detailed lists of products.
- Shopping Cart:
- Add items to the cart with a single click.
- Increase or decrease item quantities directly from the cart.
- Live updates reflected in both the cart and checkout pages.
- Remove items from the cart effortlessly.
- Checkout Page: View a summary of items in the cart and proceed to payment.
- Stripe API Integration: Securely process payments through Stripe's robust payment gateway.
- User Authentication:
- Sign up and log in using email and password.
- Integrated with Firebase Authentication for a secure and scalable solution.
- Firebase Integration:
- Backend storage and database management using Firebase.
## Technologies Used 🛠️
## Frontend:
- React: For building a dynamic and responsive user interface.
- Redux: To manage application state seamlessly.
- CSS/SASS: For styling the application.
## Backend:
- Firebase:
- User authentication.
- Real-time database for storing user and cart information.
## Payment Integration:
- Stripe API: Secure handling of online payments.
## Getting Started 💻
Prerequisites:
- Node.js (v14+ recommended)
- npm or yarn
## Installation:
1- Clone the repository:
git clone [https://github.com/your-username/CRWN-Clothing.git](https://github.com/erikaperciliano/CRWN-Clothing)
2 - Navigate to the project directory:
cd CRWN-Clothing
3 - Install dependencies:
npm install
or
yarn install
4 - Set up your Firebase project:
- Create a Firebase project at Firebase Console.
- Enable authentication and set up a Firestore database.
- Add your Firebase configuration to the project.
5 - Set up Stripe:
- Create a Create a Stripe account at Stripe Dashboard.
- Add your Stripe API keys to the environment variables.
6 - Start the development server:
npm start
or
yarn start
## Deployment:
This project can be deployed to any static hosting provider (e.g., Netlify, Vercel) or Firebase Hosting.
## Live Demo
[View the live project here](https://euphonious-chebakia-dad851.netlify.app/)
## Screenshots 📸
- Authentication:
- Home:
- Shop:
- Category:
- Cart:
- Checkout:
## Contribution 🤝
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
## Acknowledgements 🙌
- Stripe API
- Firebase
- React
- Redux
Feel free to customize it further to reflect any additional information or unique aspects of your project! Let me know if you'd like me to modify anything.