Portflio

Message from
V-Unit

Tuesday, May 14, 2019

Thank you for stopping by and taking the time to look at my portfolio. It is still in progress and below are just a small handful of my projects. I am still going through each one, restyling the layouts, adding new features, and making sure they look their best. As soon as they are updated, I will display them on my site, so please come back soon! If you would like to see all of my work, then please visit my github.

More
Projects

Seize The Day

Technologies

Description

Seize The Day (VSTDA) is a simple and easy to use to-do app that helps you organize your day and stay productive. Today's date is shown on the pencil to remind you which day it is. This app allows you to create tasks by priority. You can also edit your tasks, reset its priority, and delete your tasks. Mobile responsive and ready for use!

Case Study

I built this project on my own and it was a struggle for me. I am a big fan of React and I have a number of React projects in my github, but out of all of those projects, I would say this one was the toughest for me. Getting the tasks to add and delete were easy, but getting it to edit and save were hard. It was confusing getting everything to connect, but I was able to get it done with occasional help from instructors and peers.

View App

Dave's Depot

Technologies

Description

Dave's Depot is an online retail shop designed to emulate e-commerce stores like Amazon or Etsy. You can sign up as a buyer or seller with your own log in. If you are a buyer, you can browse sale items from the site, add to cart, and then checkout. You will have a dashboard of your buying history. If you are a seller, you can post your items to the website for others to buy. You will also have a dashboard of all your posted items. This website focuses on simplicity and is user friendly.

Case Study

In this project, I worked with three other developers on a one week sprint. I was responsible for the Mock Data, Add Product Page, Product Listings Page, Add to Cart Page, and the Checkout Page.

One of the tickets I worked on was the Mock Data. I created a json file of all the listed products on the page along with the product’s name, description, price, condition, sale, category, and images. The information in the Mock Data then gets stored in Loopback under listing, which we later used to grab information to post on the page through an axios call.

I also worked on the Create Product Page where sellers can go in and add the items they would like to sell in details. I was able to capture a users input for the name, description, price, and images and store them in redux with little problems.  My biggest blocker was handling edge cases and multiple conditions, category, and sale elements, because I had to conditionally render the state of the dropdown components for them. I was able to overcome my blocker by dispatching specific conditions using ternaries to the Redux store.

I like this project, because I feel like I have a decent grip on React/Redux and was able to get more familiar with Loopback, which is surprisingly straight forward.  I really enjoyed working on this project due to the strong relationships I’ve gained with my colleague.  We consistently helped one another when stuck.

View App

Budget Tracker

Technologies

Description

Budget Tracker helps you track your bills and manage your finances. By putting in your income and expenses, you can calculate how much you will have remaining or how much you have in the negatives at the end of the month. Simple, easy to use, and mobile responsive.

Case Study

I built this app on my own with help from instructors here and there. It was my first time building with Redux and trying to understand the structure of the framework. Once I got the grip of it, I like using Redux because it is easier to debug and fix coding errors. As for the styling, it is mostly bootstrap and very little CSS. I wanted to demonstrate my bootstrap skills through this project. Learning and using bootstrap was my favorite part of the the process, because I like how it cuts my styling time in half, especially when it comes to responsiveness.

View App