This is the most bizarre movie finder ever. It gets random movies every time you click, and needless to say, there can be some very peculiar ones out there (and there are!).
- NextJS (SSR / Internationalization / API Routes)
- Typescript (JS static typing)
- ChakraUI (styling)
- Axios (for data-fetching)
- Firebase (Auth / Storage)
- GraphQL (High-level intuitive queries)
- Apollo (GraphQL API abstraction)
- micro (Apollo on NextJS API Routes)
- React Query (Caching API responses from GraphQL)
- nookies (SSR integrated cookies)
- country-code-lookup (Get countries info)
- react-icons (Iconization)
- react-use-measure (Get components measure)
I don't remember learning so many cool things from a single project of mine.
To begin with, I've used NextJS features I have never used before (Internationalizaton: getting the user region),
I've also learned from scratch how to use GraphQL, why It's important and how to integrate with SSR and React.
I've taken a deeper look into SEO, with meta-tags, I've learned how to make accessible components with aria-label
AND made a really cool responsive UI.
Last but not least, I tried out the new Firebase API, for the 'modularized web', and it was great.
This project took me a really long time to "finish", but it sure was a enjoyable journey.
Every contribution is welcome, so feel free to contribute to this project!
Made by Gustavo Silva, with TMDB API and JustWatch.