Front End Web Developement

Personal Blog Website

Designed and developed a personal art blog website with three page navigations containing my personal art images, responsive layouts, and styling. Some of the considerations for this projects are appropriately structuring files, as well as use proper CSS and HTML formatting & style.

Core skills: Understand different use cases for CSS Grid and Flexbox, and structure the layout of a web page using grid columns and rows.

Live site here!

Landing page

This multi-section landing page is built with a dynamically updating navigational menu based on the amount of content that is added to the page.

Core skills: Uses JavaScript to control a webpage using DOM to dictate page content and interactions. This project focuses on manipulating the DOM, Browser Events and managing website performance by controlling content creation efficiently.

Viewing app currently!

Weather Journal App

Created an asynchronous web app that uses Web API and user data to dynamically update the UI of the application.

Core skills: Set up Node and Express environment to develop this application locally first to see how to handle HTTP Requests & Routes. Updated and modified the elements dynamically using asynchronous function to retrieved data.

Live site here!

Evaluate A News Article with Natural Language Processing

Built a web tool that allows users to run Natural Language Processing (NLP) on articles or blogs found on other websites.

Core skills: Used webpack as a build tool for defining the entry point, loaders, plugins and mode to create a dependency graph for this application. Node and express is used for the webserver and routing. The app has dev and prod environments, each with their own set of tools and commands.

Live site here!

travPlan App

Developed a travel planner application called `travPlan`. This application adds, saving and deleting travel plans.

Core skills: This application focuses on all things learned during this course. travPlan app gets input of the location and date from the user, and displays weather and an image of the location using information obtained from external APIs. This project is completely build from scratch on vanilla javascript, working with objects and DOM elements to retrieve data from 3 different APIs (geonames, weatherbit and pixabay).

Live site here!
See Certificate