🌐 Frontend Templates Collection

A collection of modern, responsive frontend templates built using HTML, CSS, JavaScript, and React.

These templates are designed for real-world business use cases and include features like contact forms, booking systems, and email integration using EmailJS.

---

🌍 Live Demos

• ☕ Coffee Shop Template (React) 👉 https://the-coffee-haven.netlify.app

• ✂️ Salon Booking Template 👉 https://elitesalonbarking.netlify.app/

---

🚀 Features

• ✅ Responsive and mobile-friendly design
• ✅ Clean and modern UI
• ✅ Real-world business templates
• ✅ Built-in contact & booking forms
• ✅ Email functionality using EmailJS
• ✅ Mix of beginner and advanced projects

---

🛠️ Tech Stack

🔹 Core

• HTML5
• CSS3

🔹 Programming

• JavaScript (ES6+)
• TypeScript

🔹 Frameworks & Tools

• React 18
• Tailwind CSS
• Vite

🔹 Integrations

• EmailJS (Email API)

---

📁 Project Structure

frontend-templates-collection/
│
├── salon-booking-template/        # HTML/CSS + EmailJS
├── brew-haven-coffee-template/   # React + Tailwind + Vite
└── README.md

---

📸 Templates Included

✂️ Salon Booking Website

• Booking and contact forms
• Email notifications via EmailJS
• Business-focused UI

🔗 Live Demo: https://elitesalonbarking.netlify.app/

---

☕ Brew Haven Coffee Shop (React App)

• Built with React + TypeScript
• Styled using Tailwind CSS
• Sections: menu, gallery, about, contact
• Fully responsive and production-ready

🔗 Live Demo: https://the-coffee-haven.netlify.app

---

⚙️ Setup

🔹 HTML Template

Simply open the project folder and run:

index.html

(or use Live Server)

---

🔹 React Template

npm install
npm run dev

---

🎯 Purpose

This repository showcases my frontend development skills, including:

• Responsive UI design
• Real-world website templates
• Form handling & user interaction
• API integration (EmailJS)
• Modern frontend tools (React, Tailwind)

---

🚀 Future Improvements

• Add more business templates
• Improve UI/UX and animations
• Add more integrations and features
• Expand project collection

---

⭐ Support

If you like this project, consider giving it a ⭐ on GitHub!