(Задачу взято з Dev Challenge Frontent)
Створити на React табло прильотів / вильотів з аеропорту Жуляни: https://iev.aero/en/departures. Додаток має повторювати функціонал і UI аеропорту. Копіювати стилі напряму з існуючого сайту заборонено.
Зчитувати дані слід через API: https://api.iev.aero/api/flights/13-06-2019 (динамічно, підставивши поточну дату).
Необхідний функціонал:
- відображати дві закладки Arrivals / Departures
- відображати дані для кожної закладки:
- Terminal
- Gate (якщо інформація присутня в API)
- Time
- Destination
- Airline (без логотипу авіалінії)
- Flight #
- Status
За бажання можна додати більше функціоналу.
- Fork the repository with task
- Clone forked repository
git clone git@github.com:<user_name>>/<task_repository>.git
- Run
npm install
to install dependencies. - Then develop
- Run
npm run start
to starthttp-server
onhttp://localhost:3000
When you run server the command line window will no longer be available for writing commands until you stop server (ctrl + c
). All other commands you need to run in new command line window. - Follow HTML, CSS styleguide
- Follow the simplified JS styleguide
- When you finished
Deploy on gh-pages
- Build the project
$ npm run build
- Commit and push all recent changes
$ git add . $ git commit -m 'commit message' $ git push origin master
- Execute
npm run deploy
. This command will push the/build
folder to branchgh-pages
in your remote repository. - Add links to your demo in readme.md.
[DEMO LINK](https://<your_account>.github.io/<repo_name>/)
- this will be a link to your index.html
- Commit and push all recent changes again.
- Create
Pull Request
from forked repo(<branch_name>)
to original repo (master
). - Add a link at
PR
to Google Spreadsheets.
src/
- directory for css, js, image, fonts filesbuild/
- directory for built pages
You should be writing code in src/
directory.
Add link here: [DEMO LINK](https://<your_account>.github.io/<repo_name>/)