This project is a system developed with the ReactJS library that shows the list of characters from the books and movies of the fantasy series Lord of the Rings with data provided by the API "The One API". In addition to displaying the complete list of characters, in the navigation bar there is an entry field and button for the user to search for a specific character by name. In addition to this functionality, the application allows a theme change, where the layout colors are changed from the light version to the dark version.
The main purpose of the project is the development of an application using the Next.js framework and within it, state management with React's ContextAPI, both to make the Rest API consumption function available to all components and to implement the change of state. theme. Among the other technologies used are TypeScript, Tailwind CSS with Tailwind Styled-Components, the Axios library to consume the Rest API.
![](https://private-user-images.githubusercontent.com/4975360/259751465-3ccaf227-ea68-4ee2-b34e-329e24a5a593.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjYxMTQwMjIsIm5iZiI6MTcyNjExMzcyMiwicGF0aCI6Ii80OTc1MzYwLzI1OTc1MTQ2NS0zY2NhZjIyNy1lYTY4LTRlZTItYjM0ZS0zMjllMjRhNWE1OTMucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDkxMiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA5MTJUMDQwMjAyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZWI4YzZkNmU3ZmZkOTc3ODY5NzEwZGM1ZDBhNzYwNmM0NWI1MzdjODE1ZmYyYTEwNmM3YzZmNjAxMTQwMTJmZCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.LWrPwEu_A2kDJIseE7W5EYK-mOeIRYG8xJ5bK2tvLmU)
git clone https://github.com/edpadua/LOTR/
cd countrieslist
npm i
npm run dev
Distributed under the MIT License. See LICENSE.txt
for more information.
Eduardo de Pádua: ed.padua@gmail.com