About Me
I'm a former Product Owner who recently became a Full-Stack Engineer. I have years of experience in Product Strategy and Development, learning from users and how to build a user-friendly product. I wanted to do more of the building myself and decided to become a full-stack engineer. I enjoy learning new and better ways to do things and then applying those skills to see an idea come to reality.
Task App
Vite + ReactJS | TailwindCSS | Supabase | Vercel Serverless Functions
Created this app to re-familiarize myself with React outside of Next.js. It was also my first time using the combination of Vite, Supabase, and Vercel Serverless Functions. I've used NextJS where Vercel serverless is built-in and had previously used Express for a project, but wanted to see how Serverless Functions compared. I used Supabase as the database as well as the Authenticator. The app utilizes Supabase's Anonymous Sign-in and saves the users session. This allows the user to only interact with their own tasks as long as their own the same device and don't clear their cache. As someone always looking for the ideal task/productivity app, this feels like a project I'll continue to build on and hopefully become my go-to task app.
Small Group
NextJS | Postgres | Prisma | TailwindCSS | Auth0
I created this project for our church small group. I wanted to have a centralized source of information instead of having to rely on Google Sheets, calendars, and emails. I built the project with NextJS, TailwindCSS, Vercel Postgres, and Prisma. I wanted to learn more about databases and how to connect them to a NextJS application. I also wanted to learn more about authentication and how to secure a site. I used Auth0 for authentication and role-based authorization. I was previously familiar with standard React, Express, and SQLite. Learning how to use more modern tools like Prisma ORM and Postgres helped me get a new perspective on the same type of work. Learning how to combine those new tools with a framework like NextJS took things to the next level. My programming skills/logical thinking improved significantly on this project because I was almost forced to relearn some of my previous skills because I couldn't just operate off memory.
APOD
NextJS | NASA API | TailwindCSS
This was a project that was originally created with Webpack. I wanted to convert it to NextJS as it seemed simple enough to make the migration. I eventually decided the project was small enough to just create a new NextJS project and rebuild this from scratch instead of doing a direct migration. Creating the UI components was as easy as expected, but I started running into issues when trying to fetch the NASA API. Previously I was using Axios and I had read that Axios was not the ideal method if you wanted to optimize your NextJS application. After trying and failing several different routes, I ultimately decided to use the Client-Side Rendering to call the API. I'd still like to utilize and learn more about Server-Side Rendering in NextJS so that will be my next project on this application.
