Car spotting database

The potentiel problem

You are passionate about car spotting, that is to say driving around somewhere looking for the most beautiful cars in the world and taking pictures of them. You've been doing car spotting for a few years now and it's becoming difficult for you to know if you've ever seen this or that car or not.

The solution

To know if you have already seen this car model or not, I put at your disposal a database in which you will be able to note the cars you see.

How to do it ?

To create this database, I recommand you to use a Skeleton-styled form(you can get the CSS framework Skeleton here on a simple Glitch page.This form is based on an example used on the Skeleton website. To use it you need to include in the header of your html document a link to its code, that way:

Then to create a form, you need to use a Skeleton grid to define the size of each box to fill.

You can include different types of boxes to fill. For example a simple text box, or a box where you can choose from several options( seen or not seen in this example):

Once your form is created, you need to link it to a Firebase database.

To write in your database, you can use the set( ) method. See this example from the Firebase documentation:

Fist of all, read attentively the documentation. A good database is very well organized, which is why you have to be very careful when completing it. Check that each section (make, model, year) is filled in.

Now, I just have to wish you all a good car spotting !!!

Each screenshot can be found in "assets" section on the project's glitch.