Projects
![Sticky Note Project](img/stickynotes-image.png)
Super Sticky Notes
An interactive app that will let users create “sticky notes” on their computer to keep track of to-do items. Built with React allowing users to add, delete, search and edit sticky notes.
Skills: React, JSX, Components
Tools: CodeSandbox, Props, State
live page![Name Tag Generator](img/name-tag-image.png)
Name Tag Generator
A name tag generator built to create bulk name tags using functional components and ES6 modules.
Skills: ES6, JSX, Managing data flow
Tools: Code SandBox
live page![Hotel Booking App](img/hotel-image.png)
Hotel Booking UI
An interactive app allowing user to filter through a list of hotels based on various amenities. Demonstrates the use of APIs and JSON.
Skills: React, JSX, API's
Tools: CodeSandbox, Props, State
live page![GitHub Repo Gallery](img/repo-image.png)
GitHub Repo Gallery
This project pulls data from my GitHub portfolio to create a gallery of repos. A user can search the gallery and visit individual repos in GitHub.
Skills: JavaScript
Tools: REST API, GitHub Pages
live page![Unplugged Site](img/unplugged-image.png)
Unplugged
A responsive website with multiple pages. Embedded Google Maps feature and other responsive elements.
Skills: CSS3, Flexbox, HTML5, Media Queries, Responsive Typography
Tools: Photoshop, Chrome DevTools, GitHub Pages
live page![Rogue Pickings site](img/rogue-image.png)
Rogue Pickings
A single page, responsive homepage built to demonstrate converting a static site to a responsive layout using Flexbox.
Skills: CSS3, Flexbox, HTML5, Media Queries, Responsive Typography
Tools: Photoshop, Chrome DevTools, GitHub Pages
live pageSkills
Developer Skills
HTML and CSS
JavaScript
React
Responsive web development
Git and GitHub
Tech Stack
Chrome DevTools
GitHub Pages
CodeSandbox
Adobe Photoshop