flightapp-web's People
Forkers
gomberg5264flightapp-web's Issues
Connect Flight Search to API
example search flights?departureCity=CPH&departureDate=2019-02-01&arrivalCity=JFK&returnDate=2019-02-15
Convert Flight Cards to Real Data
With the response from the API flight search query, we need to populate the available flights accordingly. It should have two states (one-way and return).
Add Dropdown to Departure and Arrival Inputs
- Either make it searchable with a dropdown
- Make it a button dropdown (not searchable)
User should be able to see valid flights from a search
Should not be able to click search if the flights form is not valid
- add front-end form validation
- if form is valid, send to server, else display errors
User should not be able to enter return date before departure date on round trip tickets
Hide Return Date if One-Way Flight is Selected
- Hide returnDate
- Make sure returnDate is not sent to API
Testing for all
User should be able to enter Arrival City
Project Architecture
What do we want to use for this project?
Front-end Options:
- React - (Create-React-App) simple frontend
- React SSR - (Next.js) server side rendering
- Vue.js
Backend Options
- Node.js (Express)
- Java
- Ruby on Rails
- .NET
Database Options
- MySQL
- PostgresSQL
- MongoDB
- Neo4j
Connect Flight Results to API Response
Show actual valid flights from the flight search on home page
The User should be notified if the flight is full before booking is completed
Implement Routing
We should be able to navigate the app, i.e. click on the logo to go back to home page.
Flights Top Search Bar should update results - API
When making a search in the Top search bar, it should update the available flights
User should be able to enter their personal details to attach to booking
Refactor Flight Results Search Bar
We should just use two separate date pickers depending on the initial search (one-way or round trip)
User should be able to select a valid flight to proceed with booking
User Should be able to enter their Departure Date
System should verify that round trip ticket dates are valid
User should be able to select one-way or round trip ticket
System should show error is date is not valid.
User Should be able to select a Departure City
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.