Potterpedia
Project developed in the context of the Curricular Unit of Dynamic Technologies for the Internet (TDI), where the goal was the creation of a free-theme project that was developed in React.js.
Project developed in the context of the Curricular Unit of Dynamic Technologies for the Internet (TDI), where the goal was the creation of a free-theme project that was developed in React.js.
The Potterpedia project emerged within the UC of Dynamic Technologies for the Internet (TDI), and went through two versions to meet the two challenges posed.
In the first stage, it was intended to create a project that used at least one external API and was developed in React.js. So, I chose to use two different APIs to complement the information I needed: the Potter API and the HP-API. For the design implementation, I chose to use Reactstrap together with Bootstrap, also using Styled Components. Besides that, it was also necessary to use CSS for some specific cases. To return the data coming from the APIS I also used Redux. I consider important to mention that one of the APIS is no longer supported and that can be observed in the first video (when the error message appears).
The source code of the first version can be seen on GitHub here.
In a second stage, it was intended to develop or deepen the project from the development of an API. Thus, I chose to develop an API that would replace the data of the one that stopped working and, at the same time, complement it with other data, such as spells and comments. This way, Potterpedia started to work as a community, where one could interact with other users in the forum and add spells (besides the other functionalities already existing).
The source code of the second version can be seen on GitHub here.
Finally, it is important to mention that the API created was documented by using Swagger.