Users should be able to:
- View the optimal layout for the app depending on their device's screen size
- See hover states for all interactive elements on the page
- Navigate between Home, Genres, and Bookmarked Shows pages
- Add/Remove bookmarks from all movies and TV series
- Search for relevant shows on all pages
- Bonus: Build this project as a full-stack application
- Live URL: Heroku Live App
- Semantic HTML5 markup
- CSS3
- Mobile-first workflow
- Tailwind - JS library
- Express - Node library
- PostgreSQL - Database
This is my first fullstack app and took some time to work out the kinks. I used this project to practce using tailwind for the front end and playing with express for the back end. I had to do a bit of research to get the search functionality to work, ended up going with psql full text search.
I would like to improve the database search functionality by incorporating psql trigrams to include some search fuzziness. I would also like to learn more about auth flow and implement it into the project.
- Frontend Mentor - @lowlyphe