Glovebox — Final Project
I cannot recall how many times I forgot the oil type and brand I use. “Do you take 0–20W or 5–10W, and for the brand? The sales associate asked. I would check my glovebox, and it collapsed like stack overflow! Fast forward today, and I solved the problem by creating a responsive, full-stack application. The project is called Glovebox.
The inspiration behind the project came from the previous problem, and the video game -Need for Speed Underground 2 on Playstation 2. I used AWS as the cloud provider with an EC2 instance. Express and Node for the server-side API using an S3 bucket. MongoDB on the back-end. Lastly, React was used on the front-end. I did not want the application to be difficult to navigate. So I decided on a single, simple page, instead of redirecting to new pages.
Following CRUD principles, I implemented Create, Read, and Update. The idea is to have a user create an entry for a specific part in as few steps as possible. The fields that get entered are, date last checked, mileage, and the brand. For the average car guy, it is simple to identify the difference between Yokohama tires from General Altimax. As for the not-so-average car user, a list is generated on the right side of the screen.
I used Ant design library to build out my sidebar and modal components. For the CSS side, I just sprinkled a little neon text to make it look like a midnight shop. The whole project took 2 weeks to build. In the future, it would be nice to add a membership tier. This would enable more than one car profile to select from. Perhaps, even some graph analysis with Python. Car tips and facts is another idea that would benefit the app as well.
