Web Development Bootcamp

This repo is used to track my learning journey of The Complete 2021 Web Development Bootcamp(course link) on Udemy. The course resources list can be found here.

Project Highlights

All the projects deployed on Heroku (using Node.js runtime environment and Express.js web framework):

• TinDog (here): This is a complete website built with HTML and CSS including Bootstrap library.
• Simon Game (here): You can play the Simon Game using PC only. The game requires keystroke inputs. If you don't know how to play the Simon Game, please click on this video for a minute introduction. In this website, I learned how to cooperate HTML with jQuery.
• To-Do List (here): The website connects to MongoDB Atlas cloud database to keep the to-do tasks. In addition, EJS is adpted for templating.
• Keeper (here): The Keeper app has the functionality to take notes just like Google Keep! The website is made with React and JSX. The state hook is used to handle the change of note creation and submission. Using pre-built React components, I add zoom in animation and icons to enrich the app.

HTML

• HTML-PersonalSite
• HTML-Challenge

CSS

• CSS-MySite
• WD3.5BaconFansiteStartHere

Bootstrap

• TinDog-Start

Javascript

• DOM Challenge Starting Files
• Dicee Challenge - Starting Files
• Drum Kit Starting Files
• Simon Game Challenge Starting Files

Node.js and Express.js

• intro-to-node
• my-express-server
• Calculator
• Newsletter-Signup

EJS

• ejs-challenge

Database

• FruitsProject
• Blog-with-Database-Starting-Files
• todolist

APIs and RESTful API

• WeatherProject
• Wiki-API

Authentication

• Secrets

React.js

• my-react-app
• react-props-practice
• react-conditional-rendering
• react-mapping-components-practice
• react-usestate-hook
• react-usestate-hook-practice
• react-changing-complex-state-practice
• react-managing-a-component-tree-practice
• react-es6-spread-operator-practice
• keeper-app
• react-using-pre-built-components (this is the final version of Keeper app)