- Description
- Demo
- Technologies Used
- Pages
- Styling
- Authentication
- Installation
- Contributing
- License
- Contact
The E-Commerce React App is a web application designed to simulate an online shopping experience. The project showcases various pages and features commonly found in an e-commerce website.
https://e-commerce-abusafat.netlify.app/
- React
- Firebase Authentication
- CSS Modules
- Main Page: Features a cover and simple sections to introduce the app.
- Shop Page: Displays a variety of products with filtering options and categories.
- Product Page: Shows detailed information about a selected product.
- Cart Page: Allows users to review and manage items in their shopping cart.
- Sign In and Sign Up Pages: Users can authenticate using Firebase authentication.
The app's styling is entirely implemented using pure CSS for a practice-focused approach to improve CSS skills. CSS Modules are used to encapsulate styles within component scope.
Firebase Authentication is integrated to provide secure authentication for user sign-in and sign-up processes.
To run this project locally, follow these steps:
- Clone the repository
- Navigate to the project directory.
- Install dependencies:
npm install - Start the development server:
npm start - Open your browser and go to
http://localhost:3000to access the app.
Contributions to this project are welcome! If you find any bugs or have suggestions for improvement, please feel free to open an issue or submit a pull request.
- Fork the project.
- Create your feature branch:
git checkout -b feature/my-new-feature - Commit your changes:
git commit -am 'Add some feature' - Push to the branch:
git push origin feature/my-new-feature - Submit a pull request.
This project is licensed under the MIT License.
If you have any questions or feedback regarding this project, you can reach me at: