[Need Help] Popular on Letterboxd - Project Submission

[JorgePasco1]

Project Name / Title

Popular on Letterboxd

Your Name / Title

Jorge Pasco

Project Description

A website where you can find the most viewed and liked films/film lists from the movie-enthusiast community of Letterboxd.com. Coding Garden's Seedling School 01

https://github.com/JorgePasco1/Popular-on-Letterboxd/blob/master/README.md

What 3rd Party Web API do you plan to use?

Letterboxd API

Which of the following describes you:

• YouTube Subscriber
• Twitch Follower
• Patreon Patron
• Superchat Donor
• Streamlabs Donor
• Coding Garden Moderator

[JorgePasco1]

Project Started!

[JorgePasco1]

Progress

Finally got some time to work on my project. I started to work on the wireframes on XD and finished landing pages for both desktop and mobile. I probably took way too much time on trying to figure out a good color scheme, because one of my goals is to use Material Design concepts; still not 100% convinced of my choice, but I think it looks decent.

Wireframes

I'm leaving captures of both the wireframes mentioned so you guys can say what you think about it and maybe recommend a nicer color scheme. Thanks!

Desktop Landing Page

Mobile (Iphone X+) Landing Page

[JorgePasco1]

Finished Wireframes

Once again it took my a long to wireframe the app page, but I'm liking the result 😄

Desktop (1920 x 1080 - Scrollable)

Mobile (Iphone X+ - Scrollable)

[mahendrjy]

I like it other than colors

I use these sites for design, colors and fonts inspiration

Design Inspiration

• https://dribbble.com/
  Search what you want to build example movie webpage then filter web design
• https://www.calltoidea.com/
  Best for take inspiration for components example nav, slider, 404, login, stats, tabs, theme
• http://collectui.com/challenges/checkout
  So many components - maybe 20K
• https://land-book.com/
• https://www.uplabs.com/
• https://www.awwwards.com/
• https://placeit.net/
• https://github.com/alexpate/awesome-design-systems

For Colors, I use these sites

• https://colorhunt.co/
• https://webgradients.com/
• https://flatuicolors.com/
• https://www.materialpalette.com/colors
• https://www.0to255.com/
• https://color.adobe.com/create/color-wheel/

For Fonts

• https://fonts.google.com/
• https://www.cufonfonts.com/
• https://www.fontsquirrel.com/
• https://www.creativebloq.com/graphic-design-tips/best-free-fonts-for-designers-1233380

[w3cj]

Looks great! Can't wait to see the finished product.

[w3cj]

Any updates to share?

[JorgePasco1]

@w3cj Got time to make some progress. I've finished the landing page and the app (non-responsive) desktop layout. It's deployed here: https://dist.jorgepasco1.now.sh/

I would like for you to give some feedback, either for the UI or the code (in this case, you might wanna download a copy of my repo, as the deployed web is a production version. Thanks in advance! I'm having a lot of fun with this project.

[JorgePasco1]

Need a lesson on a topic

Hey @w3cj. I'm not sure if I can actually use the Letterboxd API as expected. I can't seem to find links for the endpoints, and I have no idea of how OAuth 2.0 works. Can you please explain this sometime? Thanks!

[w3cj]

@JorgePasco1 It looks like the API requires an api key / secret and you have to request one by email: https://letterboxd.com/api-beta/

However, even if you get an api key, the API is not setup to be requested from the client (the Access-Control-Allow-Origin header is not set), it would require a backend server / proxy.

The letterboxd site is really cool. I had never seen it before. I decided to create a basic API that scrapes the list pages. If this works for you, I could create endpoints for searching, listing films and listing all movies in a list as well:

https://letterboxd-api.now.sh/lists
...
https://letterboxd-api.now.sh/lists/popular/this/all-time/page/1
https://letterboxd-api.now.sh/lists/popular/this/all-time/page/2
...
https://letterboxd-api.now.sh/lists/popular/this/week/page/1
https://letterboxd-api.now.sh/lists/popular/this/week/page/2
...
etc.

[JorgePasco1]

That would be awesome, CJ! Thank you very much 🤩. I’ll work on the site ASAP. It would be great if you could do a lesson on how to create APIs like you did for these, some time. Thank you again!