Mentor Me
Mentor Me connects industry professionals with budding entrepreneurs. Entrepreneurs can post questions in a category and professionals in that category can respond with answers.
Joe Alfaro
Welcome to my portfolio, here I display things I make, whether they be websites, apps, or YouTube content about web development. Feel free to contact me about job opportunities, commissions, or just to say hi.
Websites and Online Applications
Here is a sample of websites and applications I have made. Some of my favorite technologies are React, Node/Javascript, and Ruby.
Expat Journal
Expat Journal is a simple social media project that allows users to post images and descriptions of their vacations and trips. A user has all of the standard CRUD operations (Create, Read, Update, Delete) on their posts, and their own accounts. I was the backend engineer, so I built and deployed the entire Node API while my teammate built the React app.
Build My App
Build My App was a team project that I was part of. We set out to make a marketplace for people with app ideas but no techincial skills and freelancing developers. I made some of the endpoints in the backend including the logic to return the proper data. I also showed my team how to set up seeds using Faker to generate random user accounts, projects, and plans. I also teammates integrate Material UI components on the front end. It's made using React with hooks, Auth0, Material-UI, Styled Components, Node.js, Express, Postgresql, and Knex.
Use My Tools Marketing Page
This is a static webpage to promote an application the rest of the team made. I am proud of this site becuase I am not a designer by any means but I was responsible for not only the styling of this page but the whole app. I don't think it turned out half bad and it is fully responsive. It's made using html5, css3 with LESS preprocessing, one bootstrap component and Javascript ES6.
My YouTube Channel
I recently started making YouTube content, starting with recording walkthroughs with students. I record and post them so students will have them as a reference to go back to.
Javascript ES6 Event Listeners
We took a website with html, content and styling and experimented with five different event listeners. We added event listeners to single html elements, and looped through html collections. The five event listeners we went over were, click/dblclick, mouseover/mouseout, scroll, drag/drop, and keydown.
Javascript Array and Object Basics
Walking through an assignement that included creating basic Javacript objects and calling data out of those objects. It also included an array of objects where we looped through the array and pick out specific information from an object. Finally we looped through the array of objects and filtered them based on information in the object.
Semantic HTML Walk Through
This is a walk through for Lambda's WEBPT8 cohort using assignment UI-III-Flexbox. This is part one where student's helped me walk through adding semantic HTML tags to some content to match a design file we were given.
Basic Styling with Flexbox
In this part two video we style our html only page we made in part 1. The students didn't really respond in this video as it was late and they had already been studying, but I walked through adding CSS and Flexbox to achieve our design file. This also included a "sticky" navigation bar at the top of the page.
Contact Me
If you want to get in touch or receive a copy of my résumé feel free to send me an email or an add on your favorite social media platform and send me a message. Hope to hear from you soon!