DEV Community: yarvinh

Upcoming Full-Stack project

yarvinh — Thu, 29 Jul 2021 23:15:13 +0000

In the upcoming weeks I plan to refactor my third Ruby On Rails project which I created as part of the Flatiron School curriculum. I will create a frontend view using JavaScript and fix a few small issues.

App

My future app will have users. Users will be created by an admin. For example, if a company has a new employee, the admin will create a user for the employee.
The app will have work orders. The admin will create a location which is the address where the employee will complete the work order.
The app will have work orders. Work orders are tasks the employee has to do on a specific date. Once the employee finish all the tasks then the employee can close the work order. Otherwise, the work order will be pending. This work order will be saved in the database.
Employees will be able to punch in and punch out. All the hours completed from Monday to Friday will be stored in the database and automatically give you a total of hours an employee worked. The employee account will not need personal information, no address or ss number. I don't want to compromise user's info because I don't have enough experience authenticating.
In the frontend this website will show picture of apartments that were renovated. The pictures will be in an embedded Instagram feed.
The App also will have the business info and will tell if they need employees.

Tech

This project will be my first real challenge. I will give it my best.I plan to use SQL database, activeRecord and Ruby on Rails. I will make a flow chart to map how the data will flow and how it will be stored. I will use nested roots, for example, if the work order belongs to 'employee/1' then the root of the work order will be 'employees/1/workoders/1'. I will use gem 'core' to allow me fetch the info from javascript. I will use gem 'bcrypt' to protect the passwords. In the frontend i will use React. I will use React Router for all the roots. Redux to manipulate the data in the frontend and thunk and axios to fetch the data from the backend.

Conclusion

A small project like this one will give me more practice for future projects. The good thing about it, there are a lot of people who want to help me and they want me to succeed. I don't feel alone, and it keeps me motivated. In this business, it all depends on me if I succeed or not and one thing I know for sure is that I will not give up.

Flatiron School Graduate: Reflections and Future Goals

yarvinh — Thu, 29 Jul 2021 20:53:43 +0000

As I reach the end of the Flatiron School coding bootcamp, I would like to share my thoughts and plans for the future.

Tech learned

Flatiron school gave me the tools I needed to learn how to code. I learned Ruby first which I think is easier to learn than javaScript. Next I learned SQL and learned how to manipulate the database with activeRecord and Ruby on Rails. I completed classes to learn the backend, and then Javascript to display information and interact with users in the frontend. I also learned React and Redux for the state management.

Future plans

For now until I find a job, I will work on my own projects. I hope to start making websites for small businesses. I know many construction businesses and they all want their own website. Now I can provide that service to them. I want to get better especially in the backend because I really like it. I want to get better in authenticating and protecting the user information. I want to improve my skills with Ruby and I want to learn another backend programming language. I already know how to work with an object-oriented language and I think will be easier for me to learn another language.

Final thoughts

This is the start of a new career. I'm glad I learned how to code because I like coding. I've done a lot of different type of jobs for a living. Most of the them I do because I have to pay bills. I'm currently working in the electrical field. I like to fix things and I like to know how things work. Everything has a logic and once you understand it, you'll never forget. Coding is the same way. You have to solve problems and that is not boring for me. The time go so fast when I'm coding and sometimes when I can't figure out something, I fall asleep thinking about it. I drive thinking about it, I walk thinking about it until I figure it out. I will keep pushing myself to get better at this because I don't want to be an average programmer I want to be one of the best.

React, Redux and Ruby on Rails Final Project

yarvinh — Thu, 22 Jul 2021 02:24:08 +0000

For my final Flatiron school project, I decided to build an app related to my favorite sport, soccer. My wife and I enjoy watching soccer and before any big game, we bet among ourselves which team will be the winner. I thought that it would be a good idea to create a soccer betting app. I built the app using React, React-router, Redux and Ruby on Rails.

Features

Users have the ability to login, logout and sign-up for the app.
Users can see upcoming soccer matches without login in. They can filter matches by competition such as Premier League, La Liga or Champions League.
Users can see teams that participate in a competition without login in.
When a user signs up for the app, they get a $1000 credit to bet on games.
If a user is logged in, they can bet on upcoming matches.
Users can like upcoming matches and see a count of how many people also liked it.

What I learned

While I was building this app, I learned the most about Redux. I learned to use connected components, how to connect React with Redux and most important how everything works together. I created multiple reducers and then used combineReducers to bring them all together. I also used Thunk Middleware to dispatch async calls.

Conclusion

After a year of hard work, I'm ready to graduate from Flatiron school. After I pass my final project, I will add features that I didn't have time to include such as giving the users the ability to comment on upcoming games. I also want to learn more about authentication and security. In the future, I want to concentrate my learning on database and authentication.

Javascript and Ruby on Rails Project

yarvinh — Tue, 13 Jul 2021 00:58:32 +0000

For my 4th project I had to build an app using Ruby On Rails for the backend and Javascript for the frontend. I wanted to create an app that would solve a real life problem. When I am working, I often have to go buy materials from Home Depot or other hardware stores and sometimes I misplace the receipts. I decided to build an app that let me track the materials I buy for any job.

Features

This app let me create a location. Once a location is created the app lets me create a receipt for this location. Once the receipt is created then I can add items with a price to the receipt. The app will calculate the total of all items in the receipt: Locations have receipts => receipts have items.

This app uses vanilla Javascript and Webpack. I used fetch to enable edit and delete functionality in the database. For the database, I used SQL using Activerecord and Ruby on Rails.

Lessons learned

Javascript is a powerful programing language with many libraries and frameworks that I'm interested in learning. To mention some of them React, Redux, Angular and Vue. I learned a lot working on this project. Building an app with Javascript and Ruby is easier than I thought thanks to all the geniuses who contributed to those libraries that make the job easy. I learned how to make HTTP requests using the Fetch API. I remember years ago I took a Javascript class, and I had to use XMLHttpRequest to make requests. It was complicated and more manual so using fetch is a lot easier. I also got a better understanding of using classes and I improved a lot.

Conclusion

I liked working with JavaScript and I want to learn more about it. I can go to homedepot.com, click on an item and view more information about that item. To someone that doesn't know programming, it may seem like magic but now I understand that it is JavaScript doing work. Even though I enjoy working on the backend, I want to continue learning about JavaScript and all that it can do.

Final Ruby on Rails project for Flatiron School

yarvinh — Tue, 13 Apr 2021 01:32:23 +0000

For my final Ruby on Rails project, I created an app for a small business that deals with building maintenance and small repairs in NYC.

Features

This app can track employees as they complete work orders:

You can create work orders for each employee and assign tasks and an address where they will do the repairs.
Employees can comment and reply in the work order. This is a nice feature in case you want to ask someone for an idea or you want to give a description to your boss of what was done.
This app will also track the hours the employee works each day. They will be able to punch-in and punch-out.
Employees and admins can login and logout.
Only admin can create an account for an employee. Once an account is created, the employee can login with a username and password or Facebook single-sign on.

Lessons learned

I built this app for my school project but I'm planning to use it in real life. I have to learn more about security and I know it is risky to expose personal information with it. Before, when I used to visit a website like a bank, Home Depot or Facebook, I didn't pay too much attention to the details. Now I know there is a lot of security involve behind these website. I want to get more experience in authenticating and validating to protect the database of my apps.

Conclusion

It is clear to me that security in a website is everything, because a website that expose the users information is a broken website. I have to learn a lot about how to protect the users information and ruby on rails has a lot of tools for this.

Inventory Tracking App using Ruby and Active Record

yarvinh — Wed, 09 Sep 2020 02:09:39 +0000

For my second project for Flatiron school, I created a MVC app using Ruby and Sinatra. The app keeps track of the inventory for a shoe store. I have a friend who owns a sneaker store so I know how important it is to track the inventory.

Architecture

I designed the database schema as follow: Sneakers belongs to brands, brands belongs to the user who created it, users have many brands, brands have many sneakers and users have many sneakers through brands.

Features

Create and save to the database

Users can create an account and login. Logged in users can create a brand of a sneaker for example Nike. They can also store additional details such as style, size, gender, price, quantity and barcode data.

Edit user info

The users can edit their business name, username, email, and change their password.

Edit brands

Users can edit/rename brands.

Edit sneaker

Users can edit their sneakers, can add to the quantity, and can subtract from sneaker quantity.

Delete Users and brands

Users can delete their own account. Deleting an account also deletes all the brands and sneakers that are saved for the account. Users can delete individual and multiple brands, when a brand is deleted, the sneakers in the brand are deleted too, and users can delete individual and multiple sneakers.

Search

Users can search for a sneaker with the style name and the bar code number.

What did I Learn?

Now I understand the saying "more code more bugs." The more I refactored, the more bugs I found. In the end I was able to fix all issues. Also I learned more about SQl and about using Active Record to manipulate the database. I would like to learn more because I like it. I see what I can build with the little that I know and I can't imagine the things I will be able to build with more experience. After working on this app I think I will enjoy working as a backend developer.
You can check out the code on github.

My first Ruby CLI project

yarvinh — Thu, 04 Jun 2020 22:21:12 +0000

I'm a Flatiron school student and as part of my curriculum, I had to make a CLI app for my final Ruby project. I had a lot of ideas but I wanted to do something about my favorite sport which is soccer. I wanted the app to have three topics: World Cup, Champion League and players. The app would allow users to type a soccer player's name and get all the information about the player: competitions won, titles and more. I had this idea because when I'm watching a game, sometimes I want to know more about a particular player or the stats of the team.

I created 3 Ruby classes: one for Champion league, one for World Cup, and one for players who won Ballon d'Or. I decided to scrap the data because I couldn't find a good API about soccer. I finished my app but I didn't like it. I thought it was too plain and boring. So I asked myself: what can I do with this data? How can I turn this into a different app? I came up with a new idea to create a 10 question multiple choice quiz about soccer.

Methodology

I built a scraper class that was responsible for getting the data from the web. I used 3 different urls. I built methods to scrap data and three class methods to turn the data into object. I also built a class CLI responsible for printing all multiple choice question and logic to process the questions. It lets users know if they got the answer right or wrong and gives a choice to repeat the quiz.

What did I learn?

I learned more about scraping. How to get the data I want. I had a hard time with some gems. I learn a lot about how gems can help to improve an app. Every tool is out there to help your app. For example, if you work as a Mechanic and there is nut or bolt that you can't reach, you'll probably ask yourself why can't they make a better wrench to get this nut or bolt. But guess what? That tool is already out there but you don't know. Programming is the same way. I also learned how to take advantage of regular expressions. In this project, I got stuck a lot of times but the good thing is that it helped me learn how read every error and I improved my debugging skills.

Future plans

I have plans to make this app better because I know that people who love soccer will like it. Some of my friends who love soccer took the quiz and they love it. In the future I will give it a better design, and more questions options. The more I learn the more ideas will come to me.