All solutions

Hello everyone,

I hope you're all doing well.

In this challenge, I chose to modify some elements, such as replacing the user authentication process with social authentication via Google or GitHub accounts. Additionally, I opted to use the TMDb API to gather all the data for movies and TV shows displayed.

The primary challenge of the application was managing the numerous routes available for user navigation. To simplify this organization, I created a lib/tbmd.ts file to define all the endpoints utilized across various pages of the application.

Any suggestions for improvements and bug reports are welcome. :)

Hello everyone,

I hope you're all doing well.

This is my initial project at a guru level. I intend to carry out code refactoring shortly in order to address the accessibility concerns. Any suggestions for improvements and bug reports are welcome. :)

Please feel free to suggest possible improvements regarding code's readability and accessibility. :)

In this project, I had the opportunity to exercise componentization with ReactJS to the fullest, making the application more readable and facilitating its maintenance. I also made use of styled-components, favoring adherence to best practices for controlling a component's behavior.

I'm a little unsure about how the API handles data in case of an error. As I've articulated it in my application, I'm manually specifying the phrases that should be displayed in case of an error, rather than directly getting the "date" attributes. Any suggestions to better deal with this issue are totally welcome!.

In this project, I had the opportunity to practice working with ReactJS, using concepts like states, immutability, properties, components, context and keys. I was also able to practice many design features (masonry layout, slideshow presentation, lightbox view) and to use a Mobile First approach in order to favor responsive design.

I'm not sure that using routes was the best solution for transitioning between the gallery interface and the slideshow interface. Also, I'm not entirely sure about typing TypeScript in my project, as I'm still learning how to use it. Any tips and opinions would be extremely welcome!