🚗 DriveNest

Modern Car Rental Platform

Seamlessly browse, book, and manage your perfect ride

---

🎯 About

DriveNest is a modern, full-featured car rental platform that revolutionizes the way users discover and book vehicles. Built with cutting-edge technologies, it offers an intuitive interface for customers to explore car options while providing powerful administrative tools for rental management.

🌟 What Makes DriveNest Special?

• Instant Booking - Real-time availability with seamless reservation system
• Smart Filtering - Find your perfect car by model, location, and preferences
• Secure Authentication - Firebase-powered login with user data protection
• Responsive Experience - Flawless performance across all devices
• Rich Animations - Engaging UI with Framer Motion and Lottie effects

---

✨ Key Features

🔐 Authentication Secure Firebase login/registration Protected routes & user sessions Password reset functionality	🚙 Car Management Browse extensive vehicle catalog Advanced search & filtering Detailed car specifications
📅 Booking System Interactive date picker Real-time availability check Instant booking confirmation	📱 User Experience Fully responsive design Smooth animations & transitions Toast notifications & alerts

---

🛠️ Tech Stack

Frontend

Backend & Services

Libraries & Tools

---

🚀 Quick Start

Prerequisites

• Node.js (v18+ recommended)
• npm or yarn package manager

Installation

# Clone the repository
git clone https://github.com/yourusername/drivenest-client.git

# Navigate to project directory
cd drivenest-client

# Install dependencies
npm install

# Start development server
npm run dev

Available Scripts

npm run dev      # Start development server
npm run build    # Build for production
npm run preview  # Preview production build
npm run lint     # Run ESLint

---

📦 Dependencies

Core Dependencies

Package	Version	Purpose
react	^19.1.0	Core UI library
react-dom	^19.1.0	DOM bindings
vite	^6.3.5	Build tool
tailwindcss	^4.1.8	CSS framework
firebase	^11.9.0	Authentication & backend
framer-motion	^12.16.0	Animations
react-router-dom	^7.6.2	Routing
axios	^1.9.0	HTTP client

UI & UX Libraries

Package	Purpose
lottie-react	Animation rendering
react-datepicker	Date selection
react-toastify	Toast notifications
sweetalert2	Styled alerts
lucide-react	Modern icons
react-icons	Icon library

---

📁 Project Structure

DriveNest_Client/
├── src/
│   ├── components/          # Reusable UI components
│   │   ├── common/         # Shared components
│   │   ├── Home/           # Homepage sections
│   │   ├── MyBookings/     # Booking management
│   │   ├── MyCars/         # Car management
│   │   └── Private/        # Protected routes
│   ├── context/            # React context providers
│   ├── hooks/              # Custom React hooks
│   ├── layouts/            # Page layouts
│   ├── pages/              # Route components
│   ├── router/             # Routing configuration
│   ├── service/            # Firebase configuration
│   └── utils/              # Utility functions
├── public/                 # Static assets
└── ...config files

---

🤝 Contributing

We welcome contributions! Here's how you can help:

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Development Guidelines

• Follow the existing code style
• Write meaningful commit messages
• Test your changes thoroughly
• Update documentation as needed

---

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

---

🙏 Acknowledgments

• React Team for the amazing framework
• Firebase for seamless backend services
• Tailwind CSS for rapid styling
• Framer Motion for smooth animations
• Lottie for beautiful micro-interactions

---

Made with ❤️ by Your Name

⭐ Star this repo if you found it helpful! ⭐