During my studies at flatiron bootcamp we are required to create a project or application based on the technology we are studying at the time. These courses are broken up into five sections called modules. Today I’d like to talk about the technology and experience working on an application while being paired with two other people.
The idea for the application our group landed on was creating a list of your favorite appetizers for any occasion. The technology we have learned so far was creating a ruby on rails backend and using vanilla javascript on the front end.
I was set and in charge of handling html, css, and some vanilla javascript. Using the bootstrap framework I created cards that hold every appetizer individually. The cards included a picture of the appetizer as well as a favorites button, delete button, and a like and dislike button. Using bootstrap cards I then set them neatly into rows and columns.
One of my favorites parts about working on the mod 3 application was working with the seed data from the rails backend. The seed data was an api call using a recipe api that gave us images, title, and a we created a random number of likes of the appetizer. It was a first for me putting an api call in with the seed data. Using that data to build the frontend of the application made it a lot easier to see the end result of the application. Down in the image below is the api call and set to a variable called api_json. The results are then looped through using each, stored into an object and shoveled into an empty data array.
The end result and functionality of our application that we called App App, a user is able to delete an app, like and dislike an app, favorite an app, and finally create their own app. When a user favorites an appetizer it is sent to a list of the users own favorites. Using bootstraps carousel, a user populates the carousel by clicking the star. Adding their favorite appetizers to a list.
Here is the bootstrap carousel
It was a great experience working on a project in a group of three. The best way to learn new ways of coding is to code with someone and work on a project with them. There is always a different way to do things and you will pick up new techniques from others. In the end it’s great to be a sponge and absorb new ways to make your coding journey more exciting.