Skip to content

nghuuquyen/242DCSECSB25022001-GROUP1

 
 

Repository files navigation

Whale Xe - Car Rental Application

Whale Xe

Drive Your Journey with Effortless Car Rentals

Last Commit JavaScript Languages

Built with the tools and technologies:

JSON Markdown Open Source JavaScript React

Website

https://car-app-web-design.vercel.app/

Team Member

  • Trần Ngọc Quân - 23020020
  • Ngô Hoàng Nhật Khang - 23020004
  • Phan Thị Thùy Nhung - 23020006
  • Trần Minh Hoàng - 23020011
  • Hồ Anh Tuấn - 23020016
  • Overview

    Whale Xe is a modern, responsive web application for car rentals built with Next.js and Tailwind CSS. The platform allows users to search for vehicles, compare options, and make reservations seamlessly with an intuitive interface and comprehensive features. It is associated with various car rental brands and provides a complete booking experience.

    🏠 Main Features

    🎯 Homepage

    • 🔍 Search Cars Button: Navigate to comprehensive vehicle listing with advanced filters
    • ⭐ Featured Vehicles: Highlighted premium and popular options
    • 🎉 Promotional Offers: Special deals and discounts display
    • 📰 Latest News: Recent updates and announcements display
    • ❓ Frequently Asked Questions: Common queries and helpful answers display
    • 📞 Get in Touch: Contact options and inquiry form display

    🔍 Vehicle Search & Booking Page

    • 📍 Location & Date Selection: Easy input for pickup/return details
    • 🎛️ Advanced Filters:
      • 🚗 Vehicle Type
      • 🏷️ Brand
      • 🪑 Seats
      • ⛽ Fuel Type
      • 💸 Discounts
      • 💰 Price: 0 — 10,000,000
    • 🔎 Search Button: Find vehicles based on keywords
    • 📄 Pagination: Smooth navigation through vehicle listings

    👤 User Functions

    🎨 Frontend Experience

    • 🏡 Beautiful Homepage: Categorized vehicle display
      • ⭐ Featured vehicles
      • 💰 Economy options
      • 👑 Luxury collection

    🔧 Search & Filter System

    • 🎛️ Advanced Filters: Type, brand, seats, fuel, discount, price

    👥 User Management

    • 📝 Registration & Login: Secure account creation and authentication
    • 🛒 Booking Cart: Add multiple vehicles for comparison
    • 👤 User Profile: Personal information and preferences
    • 📚 Rental History: Track past and current bookings
    • ❤️ My Favourite: Your saved or preferred vehicles display

    👨‍💼 Admin Functions

    📊 Analytics Dashboard

    • 📈 Overview: Quick insights on rentals, revenue, and performance
    • 🚗 Vehicle List: Full inventory management and vehicle details
    • 📋 Rental Orders: Track, manage, and fulfill rental orders

    Admin Account:

    • Phone number: 0998877665
    • Password: admin123

    Screenshots

    Homepage

    Homepage

    Loading Screen

    Loading Screen

    Sign In / Sign Up

    Sign In / Sign Up

    Car List

    Car List

    User Dashboard

    Car List

    User Profile Update

    Car List

    User Favorite List

    Car List

    Car Detail

    Car Detail

    Trip Information

    Trip Information

    Personal Information

    Personal Information

    Payment

    Payment

    Booking Ticket

    Booking Ticket

    About Us

    About Us

    Admin Dashboard

    Admin Dashboard

    About

    Whale Xe is a responsive car rental web app built with Next.js and Tailwind CSS, offering easy vehicle search, comparison, and booking through a user-friendly interface.

    Resources

    License

    Stars

    Watchers

    Forks

    Releases

    No releases published

    Packages

     
     
     

    Contributors

    Languages

    • JavaScript 94.4%
    • PLpgSQL 2.9%
    • TypeScript 2.4%
    • CSS 0.3%