Website put together using the MERN Stack.

This project was a final project from the Odin Project's Javascript curriculum.  I created a facebook-like social media site.  
I used nodeJS and express to build my backend.  MongoDB is used for my database.  I built authorization to work using JWT to authenticate users and store the token in local storage.
I am using React for my frontend framework.  I use Redux to manage state and Material UI to build more core styling. 
The main features for this project is having the ability to sign in, make a post that can be liked or deleted, share images, view posts, and add and accept friends.


Social Media Site

Resume Builder App built using React and Styled Components.

This was a project from the Odin Project’s curriculum.  I created a sample resume generator using React.
In this project I built each piece of app as different components.  I wanted to have corresponding components for input and display to keep it relatively simple in knowing the data input in one field would be displayed at that corresponding part on the screen.  The idea was to have the display side of the page look in real time like the resume looked.
I enabled the user to print just the display side to PDF using the react-to-print package.  I also added my old resume as a sample resume that can be loaded.
Styling was managed on this page by Styled Components. 


Resume Builder

Battleship game created using Javascript.

This was a project from the Odin Project’s curriculum.  I built this sample battleship game using Javascript.  In this project I also used Jest to handle my test driven development.  The core concepts of this project were built using factory functions and user input to determine ship placement and attack decisions.  Computer play uses randomized ship placement and attack decisions.

Battleship

To do List app built using HTML, CSS, and Javascript.

This was a project from the Odin Project’s curriculum.  I built this app using HTML, CSS, and Javascript.  In this project I wanted to create a simple to do list app.  In this app the user can create tasks, set a priority and/or due date, add notes about the task, mark completed, or delete the task.  The user can also change the view to see a list of all tasks completed and the date they were completed.  And the user can see a list of deleted tasks and the date they were deleted.

To Do List

Calculator app built using HTML, CSS, and Javascript.

This was a project from the Odin Project’s curriculum.  I built this calculator app using HTML, CSS, and Javascript.  I programmed in the core functionality of the calculator to know and operate basic math operations.  I opted for the design of the calculator to resemble a traditional digital calculator.  I enjoyed working on this project early in my career because it gave me some cool opportunities to work on some features such as the screen glow and digital style font on the display. 

Calculator

Rock, Paper, Scissors game built using HTML, CSS, and Javascript.

I created this rock paper scissors game as an assignment to help learn html, css, and javascript from the odin project. This project was focused on utilizing logic using javascript to create the rules of a rock paper scissors game between the computer. The user determines their pick based off selecting a button and the computer follows up by picking their move based off a random number generator. Built in logic determines the winner of each round in a contest to get to 5 wins first.

In this project I also focus on DOM manipulation through javascript. I change the content of the header line to show the overall winner upon completion of the match and updated the description field after ever selection to show the user the outcome of their pick.



Some of my projects

Social Media Site

Resume Builder

Battleship

To Do List

Calculator

Rock Paper Scissors