I am a front-end web developer. I like to create websites that are user friendly and interesting. This website is a collection of projects that I've made in my free time to improve my development skills.
I am looking for work, so feel free to contact me with any leeds you have.
I am working to improve my design skills and learning more about React.
When I’m not working, I like to play RPGs and read fantasy novels.
This website was designed and developed during my time at Page. Our client UNC Charlotte asked us to create a website to share their master plan efforts with the community. I designed this website with inspiration from UNC Charlotte's official website so that branding would feel consistent from the official website to this off shoot.
This is a fully interactive quiz game made with React. It was created by utilizing a quiz database API. The questions that come up are randomly selected and the user can have their answers graded after they select 'submit.' After grading, the user can reset the page to take another five-question quiz.
This is a landing page for a fictional bookmark tool. The page is responsive so it looks good on all screen sizes. It was created with Bootstrap, a toolkit that makes developing much faster.
This is an expense chart component. It displays the amount of money spend in a week as a bar graph. The day when the most money was spent is highlighted as a blue bar. When the user mouses over a bar, the numerical total for that day is displayed over the bar. This page uses a JSON file to get the amount of money spent, so it is dynamic and can easily be updated with new data.
This is a mock-up of a social media dashboard. It has a toggle on the top to switch between dark and light mode. This was implemented with out any frameworks. It's always good to practice fundamentals. This was designed by Code Mentor.
This is another project designed by Scrimba. It is a list of locations on my bucket list. This project is a great example of what can be done with React components.
This is my business card. It was created in React. It was designed by Scrimba.
This project was a great React refresher. This project follows React best practices much better than my previous React project, below.
This is a landing page for a fictional company. It was designed by Front End Mentor and executed by me.
This page was created in React. There were a few opportunities for me to use reusable components. For example, the picture grid at the bottom show casing their past projects. That section also allowed me to use a new-to-me module to add media responsive images.
This is a calculator built in React. It supports all basic calculator functions. It also displays the calculation above the answer. This was a great exercise in CSS and adding complex functions in a React project.
This is a fancy FAQ page that utilizes an accordion feature on each question to improve readability. It is responsive on mobile. It was designed by Front-End Mentor.