Frontend Projects Workspace

A curated collection of frontend development projects showcasing modern web design, responsive layouts, and professional UI/UX implementations. Each project demonstrates different aspects of contemporary web development best practices.

---

📁 Project Directory

Project	Description	Key Technologies	Live Demo
Baby Bloom	Firebase-powered Garbhasanskar platform with Admin Panel & intro animation	HTML5, CSS3, JS, Firestore, Canvas	🔗 Live Demo
Chef4U Catering	Premium catering service landing page with contact form integration	HTML5, CSS3, Google Sheets API	🔗 Live Demo
Renav Messenger	Landing page for TheMessenger - WhatsApp Business API solution	HTML5, CSS3, Responsive Design	🔗 Live Demo
Renav Official	Corporate website for Renav Technologies with case studies	HTML5, CSS3, JavaScript	🔗 Live Demo

---

✨ Common Features Across Projects

• 📱 Responsive Design: All projects adapt beautifully to desktop, tablet, and mobile screens
• 🎨 Modern UI/UX: Contemporary design patterns with smooth animations
• ♿ Accessibility: ARIA labels and semantic HTML for better accessibility
• 🔍 SEO Optimized: Proper meta tags and heading hierarchies
• ⚡ Performance: Optimized assets with lazy loading where applicable

---

🛠️ Technologies Used

Category	Technologies
Structure	HTML5 (Semantic)
Styling	CSS3 (Flexbox, Grid, Animations)
Scripting	Vanilla JavaScript
Backend	Firebase Firestore, Google Apps Script
Fonts	Google Fonts (DM Sans, Inter)
Icons	SVG Icons

---

📂 Workspace Organization

frontend-projects/
├── README.md                          # This file
├── baby-bloom-website/                # Garbhasanskar site (Firebase integration)
│   ├── index.html
│   ├── admin.html
│   ├── css/style.css
│   └── assets/
├── chef4u-sample-website/             # Catering service landing page
│   ├── index.html
│   ├── css/style.css
│   └── assets/
├── renav-messenger-website-clone/     # WhatsApp API solution page
│   ├── index.html
│   ├── css/style.css
│   ├── js/
│   └── assets/
└── renav-official-website-clone/      # Corporate website
    ├── index.html
    ├── css/style.css
    ├── js/script.js
    └── assets/

---

🚀 Getting Started

View Live Demos

All projects are deployed on GitHub Pages:

• 🔗 Baby Bloom
• 🔗 Chef4U Catering
• 🔗 Renav Messenger
• 🔗 Renav Official

Run Locally

1. Clone the repository:

   git clone https://github.com/vp1107/frontend-projects.git

2. Navigate to any project subdirectory
3. Open index.html in your preferred web browser

Using Live Server (Recommended)

# If you have VS Code with Live Server extension:
# Right-click on index.html → "Open with Live Server"

---

📋 Project Details

Baby Bloom

Now featuring a Firebase-backed Admin Panel, this project allows for real-time content management (blogs, testimonials) without code changes. It also includes a unique canvas-based intro animation and comprehensive service details.

Chef4U Catering

A premium landing page for a catering service featuring an integrated inquiry form that saves submissions to Google Sheets. Includes WhatsApp integration for quick communication.

Renav Messenger

A modern landing page showcasing TheMessenger platform - a WhatsApp Business API solution with bulk broadcasting, chatbot automation, and CRM integration features.

Renav Official

The official corporate website for Renav Technologies, featuring animated hero sections, service showcases, case studies, and company statistics.

---

📝 License

These projects are for educational and demonstration purposes.