Algorithm Solution Showcase
Michael Hanson's showcase of solutions to algorithm challenge problems (using CodeSignal).
Technologies Include: React, JavaScript, Bootstrap
CSS Battle Solutions
Michael Hanson's showcase of solutions to CSS design problems (using CSSBattle).
Technologies Include: Pure HTML/CSS
React Library Book Search Application
Full-stack MERN application allows users to search and save books of interest from the Google Books API.
Guest Username: guest
Guest Password: guest
Technologies Include: React Front-End, Google Books API, Node.js Back-End, Passport, React Context API, Bootstrap, MongoDB, Mongoose
Python News Application
Python-based application allows an authenticated user to create posts to articles/links and comment/vote on favorites.
Guest Username: guest
Guest Password: guest
Technologies Include: Python, Flask, SQLAlchemy, Jinja, JavaScript, Bootstrap
Chitter Chatter (In Development)
Team Project - Currently Contributing (Full-Stack)
Recognition and team-based community chat application currently with account and chatroom functionality.
Technologies Include: Node.js, Express, React, React Context API, Mongoose, MongoDB, Passport, Bootstrap, Pusher
Safety Consulting React Site
Sample of Michael Hanson's front-end development and design work with React.
Technologies Include: React, React Router, JavaScript, Bootstrap, React Bootstrap
'Idea Dump' AWS Blog Application
Full-stack application stores short blog/image posts by a user.
Technologies Include: Amazon EC2 Instance (Ubuntu/NGINX), DynamoDB, S3 Bucket, Node.js, React, Multer
React "Aspirations" To-Do Application
Full-stack to-do-like application allows authenticated users to save aspirations and record milestones for each.
Guest Username: sample
Guest Password: sample12
Technologies Include: React Front-End, Node.js Back-End, Passport, React Context API, Bootstrap, MongoDB, Mongoose
React Blog Application
Full-stack blog application allows a user to write, save, and read blog posts and mark favorites.
Technologies Include: React Front-End, Node.js Back-End, React Context API, Bootstrap, MongoDB, Mongoose
To-Do List
Allows a user to view, add, delete, and organize to-do items using MySQL.
Technologies Include: MySQL, Node.js, jQuery, Express, Express Handlebars, Bootstrap
JavaScript Quiz Game
Fast-paced quiz game to test user on JavaScript concepts and save high scores.
Technologies Include: Node.js, Express, Express Handlebars, MySQL, Sequelize
Employee Management System
Allows a user to view, edit, add, and delete entries for a company's departments, roles, and employees using MySQL.
Technologies Include: MySQL, Node.js, Inquirer, console.table
React Employee Directory
Allows a user to view, sort, and filter employee data based on randomly retrieved data.
Technologies Include: React, JavaScript, Bootstrap, React Bootstrap, Random User Generator API
Workout Tracker
Allows a user to add exercises to a workout and track data/progress visually.
Technologies Include: MongoDB, Mongoose, Chart.js, Node.js, Express, Semantic UI
Budget/Expense Tracker
An application, which can be installed as a PWA, that allows a user to enter and view expenses over time.
Technologies Include: MongoDB, IndexedDB, Chart.js, Node.js, Express, Bootstrap
Note Taker
Allows a user to write, save, and edit notes to and from a JSON file.
Technologies Include: Node.js, jQuery, Express, fs, Moment.js, Bootstrap
Employee Generator (CLI Application)
Produces an HTML document with employee data for a company/team.
Technologies Include: Node.js, Inquirer, fs, Jest
Good README Generator (CLI Application)
Generates strong README.md and LICENSE.txt files for a developer's project.
Technologies Include: Node.js, Inquirer, fs
Day Planner
Tracks past, present, and future time slots and allows user to write and save events.
Technologies Include: HTML, CSS, JavaScript, jQuery, Bootstrap, Moment.js, Fontawesome
Weather Dashboard
Provides current weather and 5-day forecast for local or searched city.
Technologies Include: HTML, CSS, JavaScript, Openweathermap API, Bootstrap
Hanson Math Games
Fun math games and tools to build number fluency; Saves and authenticates users and scores.
Guest Username/Password: Hanson
Technologies Include: HTML, CSS, Bootstrap, JavaScript, Node.js, MongoDB,
Express, Passport, Mongoose, EJS
HealthApp
Team Project
Retrieves local health-oriented businesses and tracks food calorie data.
Technologies Include: HTML, CSS, JavaScript, Yelp API, Zomato API, Nutritionix API, Semantic UI
Password Generator
Generates unique random passwords based on selected character types.
Technologies Include: Node.js, JavaScript, Express, Bootstrap, ClipboardJS, Fontawesome
Expense Management System
Team Project
Allows a user to save, view, edit, and delete subscription information in order to help keep track of recurring expenses.
Guest Email: new@new.com
Guest Password: new
Technologies Include: Node.js, jQuery, MySQL, Sequelize, Express, Passport