![Personal logo of Aaron Keohane, stylized text with capital initials in box](img/Personal-logo.png)
Work
Pokédex
![example screenshots of pokedex](img/poke-screenshot-portfolio-main.png)
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](img/CSS3_icon.png)
![JavaScript icon](img/JS-icon.png)
![React React icon](img/react_react native_icon.png)
![JSON JSON icon](img/Json-icon.png)
Quizzical
![example of Quizzical in use](img/react-trivia-portfolio-image.png)
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](img/CSS3_icon.png)
![JavaScript icon](img/JS-icon.png)
![React React icon](img/react_react native_icon.png)
![JSON JSON icon](img/Json-icon.png)
![example mockup of weChat in use](img/case-study-coffee.jpg)
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](img/CSS3_icon.png)
![JavaScript icon](img/JS-icon.png)
![React Native React icon](img/react_react native_icon.png)
![Expo Expo icon](img/expo_logo.png)
![Google Firebase icon](img/firebase-icon.png)
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 JavaScript icon](img/JS-icon.png)
![Express JS Express Icon](img/express-icon-full-word.png)
![Node JS Node JS icon](img/Node-js-icon.png)
![Mongo Database MongoDB icon](img/mongoDB-icon.png)
![Postman Postman icon](img/postman_preview_rev_1.png)
![JSON JSON icon](img/Json-icon.png)
myFlix - React
![example screenshot of myFlix database](img/portfolio-myFlix-popcorn-grid-v1.png)
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](img/JS-icon.png)
![React React icon](img/react_react native_icon.png)
![Bootstrap Bootstrap icon](img/Bootstrap_logo.png)
Alpaca Image Generator
![example screenshot of alpaca generator website](img/alpaca-generator-screenshot.png)
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](img/CSS3_icon.png)
![JavaScript icon](img/JS-icon.png)
![React React icon](img/react_react native_icon.png)