Zaika is a modern food delivery platform that brings the authentic taste of India right to your doorstep. Built with React and powered by Firebase, it offers a seamless food ordering experience with real-time updates and secure authentication.
- 🔐 Secure Authentication with Email and Google Sign-in
- 🍽️ Real-time Restaurant Menu Updates
- 🛒 Smart Cart Management with Redux
- 📍 Location-based Restaurant Discovery
- 💳 Seamless Checkout Process
- 🎨 Responsive Design for All Devices
- ⚡ Optimized Performance with React
- 🔥 Real-time Updates with Firebase
- 🔄 State Management with Redux
- 🎯 Custom Hooks for Business Logic
- 🌐 Location-based Services
- 🎨 Modern UI with CSS3 Animations
- 🔍 Smart Search and Filtering
- 📱 Progressive Web App (PWA) Support
- Node.js (version 16 or higher)
- npm or yarn package manager
- Firebase account and project setup
- Git for version control
# Clone the repository
git clone https://github.com/imrajeevnayan/E-COMMERCE-WEB.git
# Navigate to the project directory
cd ziaka
# Install dependencies
npm install
# Set up environment variables
# Create a .env file in the root directory and add your Firebase config:
REACT_APP_FIREBASE_API_KEY=your_api_key
REACT_APP_FIREBASE_AUTH_DOMAIN=your_auth_domain
REACT_APP_FIREBASE_PROJECT_ID=your_project_id
REACT_APP_FIREBASE_STORAGE_BUCKET=your_storage_bucket
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=your_sender_id
REACT_APP_FIREBASE_APP_ID=your_app_id
### Development
```bash
# Start the development server
npm start
# Run tests
npm test
# Build for production
npm run build
# Deploy to Firebase
npm run deployThe development server will start at http://localhost:1234
- Create a Firebase project at Firebase Console
- Enable Authentication (Email/Password and Google Sign-in)
- Set up Firestore Database
- Add your Firebase configuration to
.envfile - Enable required APIs in Google Cloud Console for location services
| Script | Description |
|---|---|
npm start |
Starts the development server |
npm test |
Runs the test suite |
npm run build |
Builds the app for production |
npm run deploy |
Deploys the app to Firebase Hosting |
npm run lint |
Runs ESLint for code quality |
npm run format |
Formats code with Prettier |
ziaka/
├── README.md
├── package.json
├── index.html
├── src/
│ ├── App.jsx # Main application component
│ ├── components/ # React components
│ │ ├── About.jsx # About page
│ │ ├── Body.jsx # Main content
│ │ ├── Cart.jsx # Shopping cart
│ │ ├── Header.jsx # Navigation header
│ │ ├── Login.jsx # Authentication
│ │ ├── RestaurantMenu.jsx # Restaurant details
│ │ └── ...
│ └── utils/ # Utility functions and configurations
│ ├── firebase.js # Firebase configuration
│ ├── AuthContext.js # Authentication context
│ ├── cartSlice.js # Redux cart slice
│ └── ...
├── logos/ # Image assets
└── public/ # Static files
- React - UI Framework
- Redux Toolkit - State Management
- React Router - Navigation
- CSS3 - Styling and Animations
- Lottie React - Animations
- Firebase Authentication - User Management
- Firebase Firestore - Data Storage
- Firebase Hosting - Deployment
- Parcel - Build Tool
- Jest - Testing Framework
- ESLint - Code Quality
- Git - Version Control
- Seamless authentication with email/password and Google sign-in
- Real-time order tracking and updates
- Intelligent search with filters for cuisine, rating, and price range
- Smart cart management with persistent storage
- Location-based restaurant discovery
- Responsive design for all device sizes
- Detailed restaurant profiles
- Real-time menu management
- Order management system
- Analytics and insights
- Customer feedback system
- Online payment integration
- Restaurant partner dashboard
- Customer loyalty program
- Advanced order tracking
- AI-powered restaurant recommendations
- Multi-language support
- Dark mode support
- Performance optimizations
We welcome contributions! Here's how you can help:
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Make your changes
- Add tests for your changes
- Ensure all tests pass
- Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Design inspiration from leading food delivery platforms
- Icons from Font Awesome
- Animations from Lottie
- All our contributors and supporters
- Follow the existing code style
- Run the linter before submitting:
npm run lint - Write meaningful commit messages
- Add tests for new features
- Use the GitHub issue tracker
- Provide detailed information about the bug
- Include steps to reproduce the issue
- Add relevant labels
This project is open source. Please check the repository for license information.
- imrajeevnayan - Project Creator - @imrajeevnayan
- Thanks to all contributors who have helped shape this project
- Inspired by the open-source community
- Built with ❤️ and modern development practices
- ⭐ Stars: 0
- 🍴 Forks: 0
- 🐛 Issues: 0
- 📝 Language: JavaScript
⭐️ If you found this project helpful, please give it a star!