This project was created with react js, with style component format and Apollo Client library for rick and morty GraphQL API request. Style creation was done taking into account mobile first, this was done without media query to not rewrite style code.
- This challenge was done in five days.
- Reading and analyzing the documentation (SPA-Blockdemy)
- Learning about the Apollo Client library to consume the GraphQl rick and morty API.
- Sketching the application interface.
- Creation of components, containers and home page to structure the application with semantic HTML, all this keeping in mind the Atomic Design methodology.
- Creation of the basic logic and interaction between components and containers with Hooks of react and Apollo Client.
- adding some unit tests with react testing library on components such as rendering and validation of logic and also to hooks.
- Creation of styles for components and containers with styled compononents, without media query and keeping in mind the mobile first. -Documentation of the whole path.
Available Scripts
- In the project directory, you can run:
- First type on terminal
npm i- Second, run the development server:
npm start-
Open http://localhost:3000 with your browser to see the result.
-
Live project: https://davidalbort.github.io/spa-rickandmorty/