🗜 API

The API was developed using Graphcms (https://graphcms.com/), with the following Schema:

{
  from: String;
  departureDate: Date;
  destination: String;
  returnDate: Date;
  people: Int;
  transport: Boolean;
  name: String;
  email: String;
}

The only issue here is that Graphcms works with 'Content Stages', what means that when we push content from our UI, the data receives 'Content Stage: DRAFT', and we need to go inside the Graphcms dashboard and 'approve' the content, so then this content will receive the 'Content Stage: PUBLISHED', and we will be able to see the content on our UI Table;

This happens because i am using the free version, on the paid version it is possible to manage that and publish the content straight from our UI;

The quotes information are returned from the API using a Mutation called 'CreateQuote'

✈ Search for Airports

STATUS 01/07 => Limit of 500 requests/day exceeded on 01/07. I put back the regular string input (the one that doesn't look up the API - it depends on user input). Will be available again on 02/07.

On the form, the fields 'from' and 'destination' are searchboxes that search inside 'world-airports-directory' api, available on the Rapid API (https://rapidapi.com/hub) website, and the selected value is passed as argument.

💻 Applied technologies

The project was developed using the following technologies:

NextJS 🔺 (https://nextjs.org/)

Styled-components 💅(https://styled-components.com/)

Graphcms 📡 (https://app.graphcms.com/)

RapidAPI 🐙 (https://rapidapi.com/)

⁉ How to use

Steps

Cloning the application:

$ git clone https://github.com/viniciusrma/wetbat-next

Running the Application:

$ yarn or yarn add
then
$ yarn dev - runs in dev mode

---

$ yarn build
then
$ yarn start - runs 'production/built' mode

viniciusrma/wetbat-next