Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/valenciahq/star-wars-planet-searchbox
Little planet search feature
https://github.com/valenciahq/star-wars-planet-searchbox
Last synced: about 1 month ago
JSON representation
Little planet search feature
- Host: GitHub
- URL: https://github.com/valenciahq/star-wars-planet-searchbox
- Owner: valenciaHQ
- Created: 2022-01-31T00:56:17.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2022-01-31T15:37:19.000Z (almost 3 years ago)
- Last Synced: 2024-05-10T18:58:44.492Z (8 months ago)
- Language: TypeScript
- Size: 228 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Star wars planets looker
## Tech stack
- React (create-react-app)
- Styled components
- Cypress
- Prettier/eslint## Notes
- Once the screen mounts, this fetch recursively over https://swapi.dev/api/planets/ as its has next attribute to load options for autocomplete.
- It has a global state implemented by ContextApi using `useReducer` hook
- App has a Theme injected by ContextAPI
- Autocomplete component has been built from scratch, it has room to improvements
- Eslint and prettier has been configured and the app its almost full typed
- Run Cypress with `yarn run cypress open`
- Run app first time with `yarn && yarn run start` then just `yarn run start`. More commands availables in package json, such as `lint` with fix option
- UI is simple, but list as scroll option.
- Implemented github actons flow to dependencies and type checking