Patch request nightmare

My biggest challenge in the frontend was working with Vue CLI. My previous experience in Vue came from working with one Vue instance in my JavaScript file. I see the huge benefit to components (even though I was a bit scared to pursue that route, given I had only a week to figure it out).

I’ll highlight some of the code that helped make my frontend come to life:

Binding the value of the id of the week in the dropdown menu with the select field and the Find button, so that the user can find all…

Daily serving summation

With finishing up my last days at General Assembly, I’ve been so busy I haven’t documented my leaft entirely!

At this point, leaft is almost done. I still need to add a signup feature, but other than that, I am happy with the UI and the functionality.

When I last left off, I was still building out routes in my backend and creating relationships between my two models. I originally decided to have DailyConsumption be my parent class and WeeklyConsumption be my child class, however, it made more sense to have WeeklyConsumption be the parent, WeeklyConsumption can…

Django does not like custom routes…

Today’s struggle was getting all my CRUD functionality in the backend up and running with Postman.

Things were great at first— the user can create a daily log, perform a partial update on their servings they consumed, and delete a daily log. I ran into a roadblock when I wanted to show 1 daily log at a time. This was the first error I got when I tested the route in Postman.

TypeError: __init__() takes 1 positional argument but 2 were given

My method was as follows:

# SHOW ONE - SHOW JUST ONE…

The final countdown. Last General Assembly project!

I can’t believe I’m completing my LAST project with General Assembly. Time really flew by. It seems like only yesterday I was struggling with for loops in JavaScript.

Over the weekend I started planning leaft, a full-stack application I will create with Python and Django for users to track how much meat they consume in a week. This is targeted towards people who want to transition to a healthier, more sustainable lifestyle.

I’m excited about this project because while most of my professional experience is in the healthcare space, I find myself interested…

Now that our application is finished, here is a quick walkthrough!

The live URL is https://vooyage.netlify.app/ (you can sign-up and make your own account too!).

Once logged in, you’ll be taken to your dashboard, which displays a world map accompanied by various pins of popular cities around the world:

The challenge today is to finish up the U in CRUD — update.

The update functionality in our application comes from the user being able to update if they have visited an activity or not. Initially, when a user favorites an activity, the activity will show up on their profile page like this:

Here is the HTML that creates the input field for the date, the calendar icon, and the submit button. I pulled this code directly from the documentation here.

<!--- DATE INPUT FIELD AND SUBMIT BUTTON --> <div class="date-input"> <label for="start">Visited?</label> <input type="date" id="start" name="trip-start" min="2005-01-01" max="2025-12-31" v-bind:id="favoriteActivity.id"…

The next big challenge was to create the feeling of a profile page. The intent is to have the user “favorite” activities from the dashboard. Then, when they click on the “My Account” button from the dashboard, their favorite activities will be populated to the screen.

First, in the HTML file, I created a div that only appears if the onAccount and loggedin variables are true. These are variables I created in the data field of my Vue instance and they are initially set to false. When the user is logged in and after they click the “My Account” button…

Day 3 of project week and things are really starting to shape up! I’m feeling more comfortable with Vue and leveraging it to capture data from the backend.

My team’s application has three parts:

• The login/create account page
• The dashboard, including a map where you can click on the city’s pin and a list of activities in that city will appear so that the user can favorite them
• A profile page that shows only the activities that the users favorited

Previously, we only had the login page and the dashboard set up. I was in charge of creating the “feel”…