Chill Travelers is your seamless all-in-one journey from first inspiration to final destination
🚀 Experience the project live here:
👉 Chill Travelers – Live Demo
Chill Travelers is a travel agency demo platform where users can securely register, log in, and manage their profiles.
The website allows users to explore travel service cards, view details, and connect with experts through an interactive interface.
This project showcases modern frontend development with authentication and smooth UI interactions.
-
🔐 Authentication System
- Email/password registration and login
- Google login integration for quick access
-
📧 Password Reset Functionality
- Password reset email handled using localStorage as per instructions
-
🧭 Dynamic Page Titles
- Each page updates the browser title dynamically for better user experience
-
👤 User Profile Management
- View and update user profile
- Profile image and username shown on navbar hover
- Navbar hover-related issues resolved
-
🎨 UI Enhancements & Animations
- Animate.css integrated and used on the homepage
- Card details designed with a “Talk with Expert” button functionality
Client: React, Tailwind CSS, React Router, Animate.css
Authentication & Backend: Firebase Authentication
- react – Core library for building user interfaces
- react-dom – DOM rendering support for React
- react-router-dom – Client-side routing and navigation
- firebase – Authentication and backend services
- tailwindcss – Utility-first CSS framework
- @tailwindcss/vite – Tailwind CSS integration with Vite
- animate.css – Prebuilt CSS animations
- react-hot-toast – Toast notifications for alerts and feedback
- react-icons – Popular icon library for React
- lucide-react – Modern and customizable icon set
- localforage – Offline storage wrapper for localStorage/IndexedDB
- match-sorter – Advanced filtering and search functionality
- sort-by – Simple sorting utility for arrays