Skip to content

Front-end Project with Vanilla JS and Object Oriented Programming

Notifications You must be signed in to change notification settings

yuff1006/Around_the_US

Repository files navigation

Project 4: Around The U.S.

An Instagram-like app that displays user's pictures and places, with functionality to like, delete, and custimize.

Overview

Features of the Web App

  1. Object Oriented Programming with loose-coupling relationships between classes to dynamically generate components
  2. Form Validation
  3. Make API calls to the server for pulling and pushing all data on the website
  4. User can customize their name, title, profile picture, and cards of places that in turn get stored in the server.

Technologies and Standards Used

  • HTML
  • CSS
  • JavaScript
  • Object Oriented Programming
  • Asynchronous Programming
  • API
  • Webpack

JavaScript

  • JavaScript: frontend interactivity and functionality

NodeJS

  • Node.js is an open-source, cross-platform runtime environment that allows developers to create all kinds of server-side tools and applications in JavaScript.
  • Node. js is primarily used for non-blocking, event-driven servers, due to its single-threaded nature.
  • It's used for traditional web sites and back-end API services.

Webpack

  • Webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.

Design

Figma

Live Demo

Enjoy the live demo here.

About

Front-end Project with Vanilla JS and Object Oriented Programming

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published