Aero-Tix : An Online Air Ticket Booking Application

Project Description

Aero-Tix is an advanced online air ticket booking application built with a modern tech stack to provide users with a seamless and efficient booking experience. The application allows users to search for flights, book tickets, and manage their reservations with ease. Designed with performance and user experience in mind, Aero-Tix utilizes Next.js for server-side rendering, TypeScript for robust and maintainable code, and Tailwind CSS for a responsive and visually appealing interface. The application also incorporates state-of-the-art libraries like Redux for state management, SWR for data fetching, and Lenis for smooth scrolling, ensuring a smooth and interactive user experience. Aero-Tix is a comprehensive solution for anyone looking to create a high-performance air ticket booking platform.

Project Features

• Flight Search & Booking:
  • Browse and search for available flights.
  • Book tickets with an intuitive user interface.
• User Authentication & Profile Management:
  • Secure login and registration using JWT.
  • Manage user profiles and booking history.
• Responsive Design:
  • Tailwind CSS ensures a responsive and modern design.
  • Swiper.js provides smooth and interactive carousels for displaying featured deals.
• State Management:
  • Redux and Redux-Persist handle global state and data persistence across sessions.
• Smooth Scrolling & Animations:
  • Lenis for smooth scrolling and enhanced user experience.
• Data Fetching:
  • SWR and Axios for efficient data fetching and caching.
• Utility-First Styling:
  • clsx and Class-Variance-Authority for managing dynamic class names and styling.

Tools and Technologies

• Next.js:
• TypeScript:
• Tailwind CSS:
• Redux & Redux-Persist:
• Axios & SWR:
• Swiper.js:
• Lenis:
• React-Hot-Toast:
• clsx & Class-Variance-Authority:

Installation

To set up this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/kajal-rekha/aero-tix.git
   cd aero-tix

2. Install dependencies:

   npm install

3. Set up environment variables:

   • Create a .env.local file in the root directory and add the necessary environment variables:

     NEXT_PUBLIC_API_URL=your_api_url
     NEXT_PUBLIC_JWT_SECRET=your_jwt_secret
     

4. Run the development server:

   npm run dev

   The application will be accessible at http://localhost:3000.

Conclusion

Aero-Tix combines the latest web development tools to create a dynamic and efficient air ticket booking application. Its use of modern technologies ensures a responsive design, secure user authentication, and smooth user interactions, making it a robust solution for online flight booking needs.

Feel free to explore, contribute, or report any issues you encounter.