/personal-projects

This is a tour to all my projects. In here, you will find them organized by main language and each project has a small introduction to each one of them and a live version link. Enjoy!

Contributors Forks Stargazers Issues


Logo

Majovanilla's Repo Tour

In this repo I present a track of all my personal and collaborative projects with links to the public repositories. I add a short description of each one of them and also a little context about why and when I made them.
Report a problem · Request more info

Contents

React Projects

Live Version

This was my final project in Microverse. The purpose was to create a full application using all the knowledge acquired during the course. I created the backend using Rails as an API, and the frontend using React. The app allows the user to check available tutors in their cities and schedule an appointment to have an online class. You can check the profile of the tutors and select one.

Live Version

In this project I started working with API's. I looked for an interesting API to work and decided to try this one that helps you find a pet to adopt. The project is still in work, as it will turn into its own API to help local pet shelters in my country to reach a wider audience and find more responsible adopters to give pets a home.

Live Version

Another simple project that works as a personal library. A user can create books using a simple form and see all the books they have stored, the info about authors, page numbers and other details.

Live Version

This was my first project using React. It's a simple calculator that allows the user to perform the basic mathematical operations and display a result. In this case, I added the ability to compute chained operations.

RoR Projects

Live Version

In this collaborative project, we created an app with functionalities like Facebook. The challenge was to build the app from scratch, designing the architecture, thinking about the models and the associations between them. At the end, the app allows a user to create an account with their email or through Facebook authentication, they can add other users as friends, accept or delete requests, create posts, comments and likes.

This project was focused on creating a website were users could publish and attend events. The events are organized by date. We practiced the use of complex associations, allowing a user to be an attendee and also the creator of an event, attend multiple events and the posibility to invite other users.

Live Version

This project is a basic version of a blog where we played with authentication to show or hide some features to the users. The functionalities are: sign up, login, and creating posts. All users and visitors can see the posts, but only logged in users can see the author. The app uses the bcrypt gem for authentication, which is made from scratch. It also stores cookies to remember the logged in users. This project was one of the first I created using RoR and was a challenge, especially building the authentication process.

Project based on the Michael Hartls' Rails Tutorial. This was the first complete RoR project that I built. Over time I've improved the backend and the frontend. I enjoyed working on it and was challenged by this project, being my first attempt at Rails.

JavaScript Projects

Live Version

This was a very fun project to build. The goal was to practice making API calls to a remote service. In this case, I connected the app with the Open Weather API and used two different API calls, depending on the selected temperature units. Although not an efficient use of the API, it was a good exercise.

Live Version

I love the design I chose for this project. It is elegant and classic and shows a restaurant website using dynamic tabs that render different content when you click them. You could say it's another version of a one-page site.

Live Version

This project was all about learning how to create a functional app using only JS. I practiced more with manipulating the DOM. The most difficult aspects of this project were trying to use JS as a backend language and changing the elements in the Local Storage.

Live Version

This was a fun project. Again, the tricky thing is using Javascript to select and manipulate the actual objects stored in the DB, in this case Local Storage. The app allows the user to create projects and attach to-dos to them, along with a description, priority, and due date. We also played a little with form validation using JS to avoid allowing incorrect inputs to be submitted.

Ruby Projects

A console version of the famous game, made with Ruby. My partner @uryelah and I had a wonderful time creating this game with a very simple interface, like the old games we used to play in elementary school. It's a two player game with the ability to keep the score.

A sample of my own enumerable methods made with Ruby. This project was really fun to build, and I learned a lot about working with enumerables, but also about thinking about multiple case scenarios and edge cases when working with methods.

Front-end Projects

Live Version

The goal of this project was to get to know the HTML structure of a Youtube page and organize the elements of the webpage to ge the visual look that we wanted. It was made using HTML and CSS. The most interesting part of this project was embedding the video.

Live Version

In this project we played with forms and inputs in order to get to know that essential part of HTML and then styled it with CSS. We cloned an existing login website: https://mint.intuit.com/login.event

Live Version

The goal of the project was to learn how to position elements and use the float property. I had fun doing this project because I finally got to understand the relationship between position and display and how to combine them to achieve the look that I wanted.

Live Version

In this project we created a responsive design website using media queries. We identified two different breakpoints to achieve this: one at 1024px and the other at 768px screen width. Building this I got the chance to practice the use of float and flex (which is the one I like the most) to position objects and make them behave the way we wanted when changing the screen size.

Contact Information

You can find my social media & other interesting links, here:

LinkedIn Twitter GitHub HackerRank LeetCode