hughmorris01 Goto Github PK

backroads_app

A static website that was converted to React for practice.

blog-with-db

Node.js app built using Express, EJS and MongoDB

bootstrap_project

This is a responsive webpage that I built to practice using Bootstrap. It contains a variety of components including a collapsible navbar, an accordion, cards, a modal (no submit functionality) and a mapbox.

business-agency

A business agency website containing multiple, professional looking CSS and JavaScript effects and animations.

classic_cars_site

A responsive website displaying images and videos of classic cars utilizing CSS and JavaScript effects.

color_generator

This is a React app that renders a Form and ColorsList components. 10 tints and shades of the selected color are displayed using the Values.js library. The app also includes toastify to notify users when the color entered is not valid and also that a color was added to the clipboard after being clicked.

creative_design

A landing page for a web development and design company

ecommerce_site

A responsive e-commerce landing page utilizing numerous CSS and JavaScript effects. Designed for desktop first.

ejs-to-do-list

EJS template practice that adds items to a to-do list.

exgenetics-application

ExGenetics Web Application

foods_site

This responsive website template was built to practice CSS layouts and effects

inventory_management_sys

C482 - Performance Assessment. Inventory Management Sys w/ CRUD

javascript_practice_1_dice_game

Simple application to practice learning to write JS

javascript_practice_2_drum_app

A simple webpage built to practice JavaScript by creating and playing audio elements when a user clicks an image.

lorem_ipsum_generator

React app that uses controlled inputs to display a different number of lorem ipsum paragraphs after user selects and submits.

movie_list_app

JavaScript application built with bootstrap and utilizing browser local storage. App allows user to add and remove movies from UI.

newsletter-signup

Node.js web application that links to a 3rd party API for adding contacts to a mailing list.

node_project_template

Project template for a Node application

portfolio_app

This is a portfolio website that I've been working on, as I learn new stuff and create new projects I'm going to update them on here.

proshop

This is an e-commerce web application built using MERN stack. It's deployed to a free tier on render.com which may take a minute to wake up, please be patient.

react-app

A simple React app built to learn the fundamentals of the framework.

react_cart_project

react_grocer_bud

A React grocery list app built using 3 components, a controlled form input and toastify alerts. Local storage on the browser is used for persistent data.

react_menu_project

A React app that filters MenuItem components using the useState hook and JavaScript

react_navbar

A React navbar built using useState and useRef hooks to create a responsive layout for the list items.

react_questions__project

A web app built using React that displays some questions and responses. The page mounts question components and utilizes the useState hook to display and remove the responses after button clicks.

react_sidebar_modal

A sidebar and modal built using React components and the useContext hook.

react_slider_project

React sliders, one built from scratch and the other importing a Slider component from React-Slick and setting the configurations.

react_strapi_submenus

This is a responsive page built with React that utilizes useContext, useState and useRef hooks. On screens smaller than 992px, the hamburger menu opens a sidebar submenu modal. On screens larger than 992px, hovering over navbar elements displays a drop down menu.

react_tours

A web app built using React. The page mounts tour listing components fetched from an external api and utilizes the useState hook to rerender the components on button clicks.