/flight-booking-app

Add-project-description-here | Voyage-43 | https://chingu.io/ | Twitter: https://twitter.com/ChinguCollabs

Primary LanguageJavaScript

Flightly

Travel around the world and have the greatest experience

Table of Contents
  1. About The Project
  2. Description
  3. Desktop View
  4. Mobile View
  5. Authors

About the Project

Flighty is an all-in-one website that assists you on creating your best holiday! You can find flights, hotels, and restaurants all in one app!

Features

This Project Includes:

  • Welcome page
  • Ability to sign up and log in
  • Search Flights
  • Search Hotels
  • Save flights and hotels. Also be able to see your savings after a page refresh

Built With

My Skills

  • React
  • Nextjs
  • TailwindCSS
  • JSX
  • Framer Motion
  • Figma

Prerequisites

Getting Started This is a Next.js project bootstrapped with create-next-app.

Installation

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Desktop View

Screen Shot 2023-04-12 at 2 51 50 PM

Screen Shot 2023-04-12 at 2 52 27 PM

Mobile View

Screen Shot 2023-04-12 at 2 51 13 PM

Screen Shot 2023-04-12 at 2 52 50 PM

Screen Shot 2023-04-12 at 2 53 14 PM

Authors

Dytoma Batogouma
Ifenna Okoye
Shannon Mettry