Create a responsive single page application using React (library), consuming webservices (GET) that were available on a specific link and filtering data with some filters. It was developed using React Hooks to create components, REDUX to manage states, SCSS on styles, API services using Fetch method, svg and png icons for icons. Libraries such as ReactMaterial, Bootstrap, jQuery or Materilize were not used in this project. So it's pure coding!
- React v.16.13.1 with React Hooks (Frontend)
- REDUX with React Hooks, middleware, thunk and logger
- Lint
- SASS for styling
- VSCode (Editor)
- Pokemon API - https://pokeapi.co/ version 2
- Insonmia to test get requests
- Chrome Devtools
- Heroku for deployment - link: https://pokemon-challenge-react.herokuapp.com/
Create a responsive single page application using React (library), consuming webservices (GET) that were available on a specific link
- REDUX and how to use it to implement Store, Reducers, actions, selectors and create functions to handle api method GET and handle status related with request, success and error
- Using React hooks with callbacks to avoid lint warnings
- Create a loader that is called depending on the application status
- Create error and success messages
- Download the zip or clone using github
- Run in your command line
npm install - Then run
npm start
- Implement tests with Jest
- Generic Handle Messages - passing message title and type (error, success or warning)
Pull requests are always welcomed. For major alterations please think about openning an issue first. Any improvments advices would be great, don't hesitate on contacting me 😄
- Project 100% solo - concluded in 3 days.
- MIT License - Copyright (c) 2020 william-takayama