harrisonpeace Goto Github PK

api-employee-directory

For this project I fetched data from the Random User Generator API to create an employee directory. This was to show my understanding of using API’s and JavaScript; through pulling data from the API, compiling that data into profiles, and then inserting these profiles into the DOM. I also created an Employee overlay with buttons to move through the list of profiles generated to show my understanding of JavaScript further.

audiophile-e-commerce-website

A solution to the audiophile-e-commerce-website challenge on Frontend Mentor.

basic-profile-page

Tree House - Tech Degree - Project 1. My first ever HTML/CSS project. Development of basic techniques to alter a pre-built profile page.

data-pagination-and-filtering

express-rest-api-using-sequelize-orm

full-stack-app-with-react-and-rest-api

A full stack app created with React that communicates with a rest API database programed using express, node.js and Sequelize ORM.

game-show-app

game-show-app-vs1

For this project I created a word game app where you guess the movie quote. I store the movie quotes in an array and use math.random() to select a quote to then appear on the screen. I used event listeners and functions to create the application of the game; waiting for a letter to be clicked and then comparing that to the array chosen. As it was a game, I had some fun using bright colors and fun transitions to make the game more interesting.

harrisonpeace.github.io

My First Portfolio website - A place to showcase all my current projects

in-browser-markdown-editor

A solution to the In-browser markdown editor challenge on Frontend Mentor.

interactive-form

nextjs-template

online-registration-form

Tree House - Tech Degree - Project 3. For this project I created a registration form using mobile first principles. The brief was to get as close as you could to the template layout while adding additional design elements if needed.

page-transitions-w-barba.js-gsap

photo-gallery

Tree House - Tech Degree - Project 5. My first JavaScript project - For this project I created a functional photo gallery using the plugin baguetteBox.js. Everything else inc the script for the search functionality I wrote myself.

profile-website

A website I designed and created myself to showcase my recent projects

public-api-requests

random-quote-generator

react-countries-api-web-app-scss-pagination-search

A simple web app to display countries from the countries API, pagination, search and filtering are all used to enhance UX. Built using both react.js and scss

react-gallery-app

A React.js web app that pulls photos from the Flickr API

react-rock-paper-scissors-lizard-spock-game

Built using React and SCSS, with most elements in a fixed position. react-cookie is used to save the score.

react-technical-assessment

reponsive-layout

Tree House - Tech Degree - Project 2. For this project I created a responsive website using the mobile first approach.

responsive-calculator-app-using-vanilla-javascript-flexbox-css-grid

A simple calculator app to practice JavaScript and CSS.

scss-style-guide

Tree House - Tech Degree - Project 4 .Building an implementing a SCSS style guide to efficiently export and write CSS.

sql-libray-manager

static-node.js_express-site

vue-school-forum

web-app-dashboard

For this project I created a web application dashboard to showcase statistics and other information for a mock website. I used chart.js to render the charts onto the page while writing the rest of the code myself. I used local storage to save the dashboard settings on refresh and wrote code to allow charts to be updated and factitious messages to be sent. I wanted to make the dashboard look as close to the supplied image as possible to practice building a website based off someone else's design.