https://github.com/sparshsharma81/spicytaste
SpicyTaste is a modern food-themed web application designed to explore, share, and interact with delicious recipes and culinary experiences. The platform focuses on delivering an engaging UI with smooth user interactions, making it easy for users to discover new dishes, browse categories, and enjoy a visually rich food experience.
https://github.com/sparshsharma81/spicytaste
css desgin html javascript responsive-design-layout
Last synced: 3 days ago
JSON representation
SpicyTaste is a modern food-themed web application designed to explore, share, and interact with delicious recipes and culinary experiences. The platform focuses on delivering an engaging UI with smooth user interactions, making it easy for users to discover new dishes, browse categories, and enjoy a visually rich food experience.
- Host: GitHub
- URL: https://github.com/sparshsharma81/spicytaste
- Owner: sparshsharma81
- Created: 2026-03-17T08:53:25.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2026-04-23T05:56:46.000Z (about 1 month ago)
- Last Synced: 2026-04-23T07:26:28.005Z (about 1 month ago)
- Topics: css, desgin, html, javascript, responsive-design-layout
- Language: HTML
- Homepage: https://evaluation-1-eta.vercel.app
- Size: 8.2 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🌶️ SpicyTaste - Food Delivery Platform
A modern, responsive food delivery web application designed to bring delicious dining experiences right to your doorstep. SpicyTaste connects users with their favorite restaurants and enables seamless food ordering.
## ✨ Features
### 🎯 Core Functionality
- **Restaurant Discovery** - Browse and explore a wide variety of restaurants
- **Food Catalog** - Dynamic carousel showcasing available food items
- **Smart Search** - Find restaurants and dishes quickly
- **Shopping Cart** - Easy-to-use cart management system
- **Order Tracking** - Track your delivery status in real-time
- **User Authentication** - Secure sign-in system
### 🛒 E-Commerce Features
- Add items to cart
- Multiple cart management views
- Delivery tracking and status updates
- Restaurant partnership program
- Gift card/Instamart section
### 📱 User Experience
- Fully responsive design
- Intuitive navigation
- Mobile-friendly interface
- Quick access to help and support
- Cookie consent management
### 📋 Additional Pages
- **About Us** - Learn our story
- **Help & Support** - Comprehensive support center
- **Terms & Conditions** - Legal information
- **Privacy Policy** - Data protection details
- **Delivery Information** - Delivery zones and details
- **Team** - Meet the SpicyTaste crew
- **Careers** - Join our growing team
- **Investor Relations** - Partnership opportunities
## 🏗️ Project Structure
```
spicytaste/
├── index.html # Main homepage
├── index2.html # Alternative homepage
├── script.js # Core JavaScript functionality
├── style.css # Main stylesheet
├── index22.css # Additional styles
│
├── Pages/
│ ├── cart.html # Shopping cart
│ ├── signin.html # User authentication
│ ├── search.html # Search functionality
│ ├── delivery.html # Delivery information
│ ├── orders.html # Order history
│ ├── about.html # About page
│ ├── help.html # Help center
│ ├── terms.html # Terms of service
│ ├── privatepolicy.html # Privacy policy
│ └── [other pages] # Additional pages
│
├── Assets/
│ ├── app.avif # App logo/icon
│ ├── mobile.avif # Mobile interface
│ ├── rest[1-56].avif # Restaurant images
│ ├── resti[1-21].avif # Restaurant item images
│ └── eat[1-20].avif # Food category images
│
└── Configuration/
└── settings.json # Site configuration
```
## 🚀 Getting Started
### Prerequisites
- Modern web browser (Chrome, Firefox, Safari, Edge)
- Internet connection
### Installation
1. **Clone the repository**
```bash
git clone https://github.com/yourusername/spicytaste.git
cd spicytaste
```
2. **Open in browser**
- Simply open `index.html` in your web browser
- Or serve using a local server:
```bash
# Using Python 3
python -m http.server 8000
# Using Node.js
npx http-server
```
3. **Access the application**
- Navigate to `http://localhost:8000` (or your server URL)
## 💻 Technologies Used
- **Frontend**: HTML5, CSS3, JavaScript (Vanilla)
- **Styling**: CSS3 with responsive design, Bootstrap 4.5.2
- **Layout**: Flexbox and modern CSS Grid
- **Image Format**: AVIF (modern, optimized)
- **Icons & UI**: Bootstrap components
## 📖 Key Components
### Carousel System
The food carousel displays restaurants with navigation arrows, allowing users to browse through available options smoothly.
```javascript
// Dynamic carousel with navigation controls
- Left/Right arrow navigation
- Smooth transitions
- Responsive slide management
```
### Search Functionality
Integrated search bar for quick access to restaurants and food items.
### Responsive Design
- Mobile-first approach
- Tablet-optimized views
- Desktop full-width experience
- Flexible navigation menus
## 🎨 Design System
- **Primary Color**: #df8d2f (Spicy Orange)
- **Secondary Color**: #d07b1e (Darker Orange)
- **Accent Color**: #b0651b (Brown)
- **Typography**: Arial, Sans-serif
- **Spacing**: Bootstrap grid system
## 📱 Browser Compatibility
- ✅ Google Chrome (latest)
- ✅ Mozilla Firefox (latest)
- ✅ Safari (latest)
- ✅ Microsoft Edge (latest)
- ✅ Mobile browsers (iOS Safari, Chrome Mobile)
## 🔐 Security Features
- Secure sign-in system
- Privacy policy compliance
- Cookie consent management
- Data protection protocols
## 📈 Performance Optimization
- Optimized AVIF image format
- Lightweight CSS and JavaScript
- Fast carousel rendering
- Efficient DOM manipulation
## 🤝 Contributing
We welcome contributions to improve SpicyTaste!
1. Fork the repository
2. Create a feature branch (`git checkout -b feature/AmazingFeature`)
3. Commit changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
## 📞 Support
For help and support, visit:
- **Help Center**: `help.html`
- **Support Page**: `helpandsupport.html`
- **Contact**: Check the help section for contact information
## 📄 License
This project is licensed under the MIT License - see LICENSE file for details.
## 👥 Team
SpicyTaste is developed and maintained by a dedicated team. Learn more about our team on the [Team page](team.html).
## 🔗 Quick Links
- [Home](index.html)
- [Cart](cart.html)
- [Sign In](signin.html)
- [About Us](about.html)
- [Careers](carrers.html)
- [Investor Relations](investorrelation.html)
---
**Made with ❤️ by the SpicyTaste Team**
*Bringing delicious food to your door, one order at a time.*