Rodolfo's portfolio

Heads or Tails Web App

Personal Project

Alpha Counter

It started as part of Dev Academy's curriculum, I had the chance to create something from scratch, that had meaning to me, and would be something to work on after the bootcamp.

So I had the idea to create this CRUD app to count how many cars of the same make and model (Toyota Prius Alpha) were there around the place I lived at that time.

What was used to accomplish this project?

React.JS - Front-end components and logic
Superagent - HTTP request
Knex.JS - SQL query builder
Express JS - Servers and routes
SQLite3 - Server-less relational DB
CSS - App styling

Check the repo here

Group Project

Check the repo here

Crew App

This app was part of our final group project at Dev Academy bootcamp. It's a mobile app in which users log in to create their own crews (group of friends) based on each crew's interest (eg. music, hiking, dancing).

The user can log in, choose a profile image, create crews, create events, RSVP to events, and there is an embedded Map on the event location.

What was used to accomplish this project?

Auth0 - Log-in function
React.JS - Front-end components and logic
Superagent - HTTP request
Knex.JS - SQL query builder
Express JS - Servers and routes
SQLite3 - Server-less relational DB
Tailwind - App styling
Framer Motion - Styling animation
Storybook - Testing styles
Multer - Upload files
Faker - Fake (but realistic) data generator

Next.Js

Check the repo here

Promptopia - A Next.Js project

Promptopia is an app developed by JavaScript Mastery, and in the three-hour-and-a-half YouTube tutorial I learned how to create a new Next JS app, as well as debugging most problems on my own.

As I finished my studies at DevAcademy late September 2023, my cohort mates and I decided to have a go and learn Next Js.

Everyone worked at their own pace and I manage to finish the basic CRUD operations in about 15 hours. It was an incredible experience to be able to follow along and learn with someone other than the facilitators.

What was used to accomplish this project?

OAuth 2.0 - Log-in function
Next.JS - Front-end components, logic, API and routes
MongoDB - NoSQL database management
Tailwind - App styling

PHP - Feedback App

Check the repo here

Feedback App

In this very simple project, I implemented two main operations: GET and POST using PHP and runnning the XAMPP suite.

The styles were made using Bootstrap, so I had a chance to try it out too.

What was used to accomplish this project?

PHP - Server-side rendering, logic, API and routes
XAMPP - Cross-platform suite to use the LAMP stack
Bootstrap - App styling

Heads or Tails Web App

Check the live website here

Heads of Tails

I built this simple project to learn how to find simple solutions using tech that I am familiarized with. It took me roughly a "working day" (9am to 3pm) to get the MVP completed, and I got to deploy it using Vercel. The main goal was to start and finish something on the same day. So, I decided to start this project from scratch using Next.Js with Typescript on the front-end, and Tailwind to manipulate the styles and create the animation to flip the coin, which is different to spin the coin.

What was used to accomplish this project?

Next.Js with Typescript - Front-end logic and components
Tailwind - Styles and animations