web-dev

This repository holds my web development projects / exercises

1 - Landing Page Project

Preview: https://derekl-beep.github.io/web-dev/

A responsive landing page for TinDog (an arbitrary app), inlcuding:

• Title section
• Navigation bar
• Features section; icons color changes when mouse hovers
• Testimonials section with carousel slides
• Pricing section
• Call to Action section
• Footer section

ALL COMPONENTS ARE RESPONSIVE TO SCREEN SIZE!

Building from stratch, I made use of the following tools:

• HTML 5
• CSS 3
• Boostrap 4

2 - To-do List Web App

Preview: https://derek-to-do-list.herokuapp.com (US server. Might take time to load.)

The is a to-do list as a single-page web application, using Node.js, Express.js, MongoDB and etc, and will be deployed to Heroku.

3 - More to come!

Reference:

These projects are parts of the online course: The Complete 2020 Web Development Bootcamp on Udemy. With previous programming experience, this course is very helpful for me to understand the web development tasks and the toolkit avaliable. The course introduces both the front-end and back-end development, with lots of hands-on practices. Topics include:

• HTML5, CSS3, Bootstrap 4
• JavaScript ES6
• jQuery
• Bash and Git
• Node.js
• Express.js
• API
• EJS
• Database and SQL
• NoSQL, MongoDB and Mongoose
• Deployment
• RESTful APIs
• OAuth 2.0
• React.js

Recommend to anyone who wants to start web dev.