example screenshots of pokedex

A fun frontend project going back to the roots of my childhood and the foundation of Web Dev, JavaScript. I had originally used an IIFE with vanilla JS, but had some limitations, so I decided to remake this project taking advantage of React.

I connected to an external API which allows you to search for any Pokémon within the database. I also made use of CSS to design my own modal whereas previously I used Bootstrap. I have the original code linked below, take a look at my progress.

CSS3 icon JavaScript icon React icon JSON icon


example of Quizzical in use

Small application pulling data from the Open Trivia Database to generate random questions. I used React and utilized the useState and useEffect hooks. The app design was based upon a Figma mockup. Test your knowledge, live site below. I most recently added a settings tab to customize the category and difficulty.

CSS3 icon JavaScript icon React icon JSON icon


example mockup of weChat in use

weChat is a messaging application I built with Expo and React Native utilizing the popular Gifted Chat library. Messages are stored in Google Firebase and users will be able to look back through messages while offline.

CSS3 icon JavaScript icon React icon Expo icon Google Firebase icon

myFlix | Database

I learned the back-end technologies of the MERN stack by creating a REST API (structured with the CRUD methodology) that interacts with a database of an iconic movie series of my childhood (Harry Potter).

JavaScript icon Express Icon Node JS icon MongoDB icon Postman icon JSON icon

myFlix - React

example screenshot of myFlix database

Utilizing the full MERN stack, React was used for the front-end of this movie application that interacts with my own API. Users can login, add their favorite movies to their profile and update/delete information following a React Redux flow.

JavaScript icon React icon Bootstrap icon

Alpaca Image Generator

example screenshot of alpaca generator website

I built this Single Page Application using React which allows users to generate and download their customized alpaca image. This project was based upon a DevProjects brief. While they provided the images, I developed everything else including the front-end UI.

CSS3 icon JavaScript icon React icon