Ecommerce React website for buying the best dates from the Middle East. 🍯🌴
.jpg)
- 🛍️ CRUD system for managing products
- 💳 Handles checkout process and displays the status
- 📝 Saves order details to Firebase Firestore
- 📦 Updates product amounts in the database automatically
- 🛠️ Uses Redux for state management and stores data in local storage
- 🔔 Displays notifications using React Toastify
- ⏳ Loader component for visual feedback during loading
- 🌟 Product reviews and order handling
- 👩💻 Admin panel to manage products and orders
- 🛒 Cart and Wishlist saved in browser local storage for convenience
- 🌙 Dark mode feature for a sleek and modern UI 😎
- 🔍 Includes search, sorting, and pagination for a smooth shopping experience
- ⚛️ React
- 🖼️ React Icons
- 🔐 Firebase Authentication
- 📂 Firebase Firestore
- 🔄 Redux for state management
- 🔎 React Router
- 📢 React Toastify for notifications
- 🎨 Styled Components for custom styling
To run the application locally, follow these steps:
- Clone the repository
git clone https://github.com/3mr-5aled/Tomory.git
Get your API keys Obtain your API keys from Firebase and Paymob, then create an .env file. Enter the keys as shown in the .example.env.
-
Install dependencies Navigate to the project directory and run the following command in the terminal:
npm install -
Run the development server Now, start the development server:
npm run dev -
Access the app Open your browser and go to:
http://localhost:5173/
Start your development and enjoy building! 😁
This project is licensed under the MIT License.
Feel free to reach out if you have any questions or suggestions! Let's build something amazing together! 💻🚀