A West Indian Software Engineer into interior design, brains, and making the world a better place

This past weekend (Oct 2nd — Oct 4th) I attended my first hackathon: MIT Hacking Medicine. A usually 2-day event held in Cambridge, Massachusettes, this year the event was held virtually over Zoom with over 700 participants, due to COVID-19.

Image for post
Image for post
A high-level view of the Slack interactions between hackathon attendees and the channels on our hackathon Slack workspace

The motto for the event was “Break it down. Build it up. Make it better.” As someone who has worked in the healthcare industry, this motto really speaks to me. There are so many flaws in our current system and I am someone who truly wants to disrupt the system as it currently exists and to make it better, using…

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:


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!).

Image for post
Image for post
Vooyáge login page

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:

Image for post
Image for post

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”…

It’s that time again — project week!

This time around, the project week started on Monday, August 24th. I’ve had my nose buried in my code too long to actually document it.

My group and I started working on our third project in the Bootcamp. The requirements for this project were:

Image for post
Image for post

In summary, we have to create a Ruby on Rails Restful API with full CRUD and we must use a frontend framework to leverage the backend API.

My team and I decided to create a vacation wishlist application (name still pending). The key functionalities are:

  • Have a sign-in/sign-up page…

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store