Let's build a fun 24h project!
@Netlify is running an event called #DustyDomains which encourages developers to build a site with an unused domain - and they'll donate to charity for each project submitted!
I'll build movie.casa - a tiny site recommending movies 👇
My plan is to build the entire project today - from the idea to the finished (and hopefully usable) site!
Let's see if it's possible!
I'm trying to share each step in this thread for you to follow along!
I got the movie.casa domain about a year ago on the @Namecheap marketplace because it's a pretty cool domain - but I never had the time to build anything for it. So let's change that today!
The idea is pretty simple: I want to build a site which recommends movies!
I have no idea how the site will work or look exactly yet, but I think I'll just start and see were it goes! 😅
Oh, and this project will be entirely open-source:
github.com/AnTheMaker/movie.casa
Okay, to the technical side: My idea is to put everything into a single, static index.html file which will be deployed to Netlify.
Maybe, I'll create a PHP script which will do some stuff when building the site.
I think I'll use the @themoviedb API to get the movie data!
I got a @themoviedb API key and figured out how to get a list of the most popular movies! 🥳
To test things out, I wrote a php script which gets executed once when building the site, which fetches the list of movies and saves it to
movie.casa/data.json!
I'm making progress!!
I wrote a bit of javascript to fetch the movie data from the .json file and display it!
I added the water.css framework (by the amazing @_kognise) and a bit of custom CSS to get a cool darkmode and better-looking elements!
watercss.kognise.dev
TO DO:
- figure out how exactly the site will recommend movies (maybe a "Movie of the day" section?)
- design a logo
- improve the overall design
Progress!
- added a font for the headings
- added some icons (and avg rating from TMDB)
- improved the overall design a bit!
Next task: making the whole thing functional...
Okay, so I made some performance improvements, fixed some small things and created a cron-sheduled @github action which will run every day at midnight and trigger a rebuild of the site on Netlify with the latest movie data from TMDB!
movie.casa
Unfortunately, I didn't have as much time as I planned today, but we have a basic running site now!
movie.casa - which is a fully static site - shows a list of the currently most popular movies now, automatically updated everyday at midnight.
I'll work a bit more on it tomorrow, polish everything, add some text/about stuff, and maybe even add an "upvote" or "movie of the day" feature! 😊
Good night :)
Good morning! 😄
I just added a new section with upcoming movies!
I added an "About" section and polished everything a bit! 👉️ movie.casa