edpadua / LOTR

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".

Home Page:https://lotr-pi.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

LOTR

Summary

About

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.

Screeshot - Desktop

image

Screeshot - Tablet

image

Screeshot - Mobile

Technologies

Setup

git clone https://github.com/edpadua/LOTR/

cd countrieslist
npm i
npm run dev

Demo

LOTR

License

Distributed under the MIT License. See LICENSE.txt for more information.

Contact

Eduardo de Pádua: ed.padua@gmail.com

About

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".

https://lotr-pi.vercel.app


Languages

Language:TypeScript 87.6%Language:JavaScript 7.2%Language:CSS 5.3%