The story of your movie library
Cinema is usually called the 6th art, everybody watch movies, TV shows and in my opinion it is one of the best ways to chill, learn new things, feel emotions and most of all entertain, and understand the message a film director wants to send to his audience. In the current context and with the confinement, people are staying home and find ways to occupy themselves. Therefore, we may be more likely to watch a lot of movies. In order to remember what we thought of a movie, what could be better than a summary that you fill after watching one ? By doing so, you will have your own updated library and be able to advice your friends and family.
Now, how does it work ?
You may think that filling up a form to implement a database is
complicated or long, but don't get me wrong, this tool is very easy to
use, fast to update and and more than useful on the long run !
Now let's get to business, all you need to do to add a movie you have
seen in your database is fill up the form, it takes 30 seconds, and then
that's it, your database will be updated, just like this, easy-peasy !
If you update your database regularly, you will have easily acces to
your thoughts and details about the movies you have seen.
And...action ! Go ahead and get started !
Now that you understand how it works, just fill in the form so that the program will send the data to your database :
But how exactly did we do it ?
Let's begin with our form :
The easiest way to create it was using a grid from Skeleton to organize
our information on the page and define the size of each one of the
boxes. In our case, the form has two columns to contain the boxes.
For the frame, I used a form from Skeleton that I put on a Glitch page. Through this link, you will have access to the CSS framework Skeleton. The Skeleton website helped me create the form. However, in order to use the form from Skeleton, I had to include it in the header of the html file to link the code.
You can also let your creativity run free in the choice of your boxes for the web page. Indeed, there are different kind of bexes where you can either just write text or you can give several options to fill them, it is up to you !
The form needs to be related to the Firebase database which will allow it to update the database with the values you insert through the form. Thanks to the Firebase website I was able to create a realtime database that would fit my needs for this kind of project. To do son I just had to follow the process to create and register the database before linking it to my webpage which was done by integrating the link into the script at the end of my html document.
To learn how to use firebase, add data and organize it in your database, I had all the tools and advices in the documentation from the Firebase website.
The data must be organized in a way that is clear, accurate and that will allow the user to insert all the information he needs (title of the movie, film director, viewing date...)
An extension we could add to the project could be a page in which the user could search a movie among the ones he has entered previously by working with lists of data :
