Final Project Blog: Part 5

This week I worked on flushing out the UI by styling and finding a basic style framework for some of the components and fitting it in to the responsive design build. I also flushed out my route connections for fetching data and planned the way to pass info.

So first I started building out more of the UI and quickly realized that trying to style everything from scratch was going to be a pain given everything i had going on, so i started looking for a basic UI framework that i could modify to suit my needs. I settled on Materialize which is a lightweight framework based off of material design. While it doesn't have an extensive list of components it had the basics of what I needed. After that i plugged in some of their HTML mark up and set to making the necissary changes. I did run into a few issues with specificity and prioritizing my changes over the base styling but luckily SCSS made that much easier to nest my styles.

After having that basic UI flushed out i looked at connecting to the API routes with the JS files and i had a little hiccup in figuring out how i would include JS files in another one or if i should just link them all via the html. Eventually i decided upon just linking them through the main JS file.

After that the main thing I ended up doing was going through my user stories and trying to figure out which routes id need to call to achieve those goals. Due to how the API was set up, a lot of my calls or objectives were actually going to need to query the API at least twice to find the City / Location information to then be able to pass that location ID to the next query about restaurants. After looking through that i started writing the basic fetch method id need to query the API with and created that as part of a Javascript object that way id be able to call them as methods in my other JS file.

I tried to trouble shoot a lot of things and plan ahead but at this point I think ill just have to see how the rest of it comes together as i start flushing out the rest of the routes and methods ill need and connecting them to the database this week for storing user favorites.