henrytran721 Goto Github PK

responsive-design

Learned about media queries and responsive design by recreating a website. Layouts should change once the browser has been resized.

restaurantpages

Created a restaurant page using webpack, module bundles, and npm. Key goal was to learn how to import and export functions from different JS files and to incorporate everything into a single page.

rrssr

shoeinventory

shopping-cart

spotify

texteditor

Created a text editor with the ability to modify text to create headers, underline, bolden, italicize, add a hyperlink, and insert coding notes.

todolist

twitter-test

typescript

url-compressor

url-shortener

userauthenticate

Authenticate username and passwords by having a sign up page. The data is sent to a mongoDB database where the password is serialized using bcrypt hash. The index page has a log in function that checks our DB rows to check if usernames and serialized passwords match user input. Tools also used include express, nodemon, passport.js, and express-sessions to store user cookies to browser.

warriorsgamecounter

Used existing knowledge of React to create a scoreboard where a user is able to change the score of the current game with the use of buttons. Also incorporated a time that re-renders the state of the date component to show current time with seconds. Inspired by watching the Warriors vs. Blazers Game 4.

warriorssass

weatherapp

webpack2

learning the importance of exports, outputs, loaders, and plugins of webpack in order to bundle and optimize code when creating projects

website