Portfolio

Annie McMahon

About Me

As a tech enthusiast with a strong foundation in front-end development, I am excited to embark on a new career journey as a Front-End Developer. My knowledge of HTML, CSS, JavaScript, and React JS allows me to craft immersive and user-friendly web experiences. I also possess advanced analytical skills in Excel and VBA, enabling me to streamline processes and automate repetitive manual tasks.

Whether contributing to a software development team or using my analytical skills in data-driven projects, I am committed to delivering high-quality solutions that drive business growth and user satisfaction.

I am seeking a position where I can apply my technical skills and problem-solving abilities. Let's connect and explore how I can contribute to the success of your team.

Projects

Click on each image to see the project details

Ravenous

Ravenous

Technology used: HTML, CSS, JavaScript, React

Summary: This site uses a Yelp API to generate restaurant suggestions based on location and keyword.

To use this app, the user must temporarily unlock access to the CORS demo by clicking on this link.

GitHub link: ravenous

Web page link: ravenous-api-annie

Jammming

Jammming

Technology used: HTML, CSS, JavaScript, React

Summary: This site uses a Spotify API to allow users to find songs based on search term, add songs to a new playlist, and save the new playlist on their Spotify account.

GitHub link: jammming

Web page link: annie-jammming

Minimal Reddit

Minimal Reddit

Technology used: HTML, CSS, JavaScript, React/Redux

Summary: The application allows users to view and search posts and comments provided by the Reddit API.

GitHub link: minimal-reddit

Web page link: minimal-reddit-annie

Film Finder

Film Finder

Technology used: HTML, CSS, JavaScript

Summary: This is a project I had to do for Codecademy where users can get a random movie recommendation by selecting a genre. Some of the code was provided, but I completed it and modified it to make it my own.

GitHub link: film-finder

Web page link: film-finder

HTML Cheatsheet

HTML Cheatsheet

Technology used: HTML, CSS

Summary: Here are my notes about HTML5 and some examples. I developed this project to practice HTML and CSS and to have all my notes in one place.

GitHub link: HTML-cheatsheet

Web page link: HTML-cheatsheet

JavaScript Cheatsheet

JavaScript Cheatsheet

Technology used: HTML, CSS, JavaScript

Summary: This is a place where I keep my notes about JavaScript (JS6). I developed this project to practice my new coding skills and to have all my notes in one place.

GitHub link: JavaScript-cheatsheet

Web page link: JavaScript-cheatsheet

Fifteen JavaScript Projects

Fifteen JavaScript Projects

Technology used: HTML, CSS, JavaScript

Summary: I used starter code and step-by-step video from John Smilga to create fifteen vanilla JavaScript projects.

GitHub link: fifteen-js-projects

Web page link: fifteen-js-projects

Magic Eight Ball

Magic Eight Ball

Technology used: HTML, CSS, JavaScript

Summary: I created a simulation of the famous magic eight ball.

GitHub link: magic-eight-ball

Web page link: magic-eight-ball

Mad Lib Generator

Mad Lib Generator

Technology used: HTML, CSS, JavaScript

Summary: The purpose of this project was to generate random messages using JavaScript coding. This was my first JavaScript project on Codecademy.

GitHub link: mixed_messages

Web page link: mixed_messages

Rock Paper Scissors

Rock Paper Scissors

Technology used: HTML, CSS, JavaScript

Summary: I followed a FreeCodeCamp tutorial to build this classic game from scratch. I then refactored to JS6, added a reset button, and customized it to make it more responsive.

GitHub link: rock-paper-scissors

Web page link: rock-paper-scissors

Company Website

Company Website

Technology used: HTML, CSS

Summary: I built a fictitious company's website using a flexbox layout.

GitHub link: remodeling

Web page link: remodeling

Club Website

Club Website

Technology used: HTML, CSS

Summary: I created a fictitious club website using responsive design tools.

GitHub link: club

Web page link: club

Coding Certificates