https://github.com/ogrodev/2nd-quest-guilda-dev
https://github.com/ogrodev/2nd-quest-guilda-dev
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/ogrodev/2nd-quest-guilda-dev
- Owner: ogrodev
- Created: 2022-09-21T12:55:55.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-09-22T03:12:31.000Z (almost 4 years ago)
- Last Synced: 2023-07-21T03:28:47.001Z (almost 3 years ago)
- Language: JavaScript
- Size: 898 KB
- Stars: 0
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Star Wars Recruitment Task
## Introduction
Fork this repo.
At the start you have a simple application which displays planets from Star Wars in grid. Your task is to upgrade it respecting the principles from Tech Stack, Must-have (Good to have and paying attention also)
Due date: 05/10/2022
After submission we will have your code reviewed with feedback for you within some 15days after due date.
Submissions should be sent to our [**Discord**](https://discord.gg/q9peMJRZZK)
## The Task
1. Replace dummy data with dynamic data from [https://swapi.dev/api/planets/](https://swapi.dev/api/planets/)
1. Planets grid have two buttons - follow the instructions in console.logs
1. Create another action which will redirect to Planet details page
1. Create another action which will open modal with form`*` with fields:
1. name - text
1. rotation_period - number
1. orbital_period - number
1. diameter - number
1. climate - text
1. gravity - text
1. terrain - dropdown
1. surface_water - number
1. UpdateGrid component so that the display of actions is conditional
1. Make displaying **‘Go to Films’** and **‘Go to Residents’** whether or not they exist
1. Update Grid component so header data will contain type of value and if it’s number align value to right in cell
1. Add two custom columns to Planets - **Residents** and **Films** which will contain number of them. Try to do that by modify Planets component in App component and only prepare Planets component to be more customizable, in case we would like to use origin Planet component in other places
`* all fields should be required and on form submit, close modal and show random success/error message (there is no endpoint)`
## Mockups
No mockups but would be great if you make that app pretty :)
## Tech stack
* react (CRA starter)
* react-router
* redux
## Must-have
* React & Redux
* PropTypes
* Reactstrap
* Usage of react-router for multiple pages
## Good to have
* using function components (with hooks) instead of class components
## Paying attention to
* How you split code for components
* Reusability of the components
* Code repetitions and reusability
* Working in accordance with good practices in general
## Delivery
Delivery the application by link to public repo