Project 4: Around The U.S.

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

Features of the Web App

Object Oriented Programming with loose-coupling relationships between classes to dynamically generate components
Form Validation
Make API calls to the server for pulling and pushing all data on the website
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: frontend interactivity and functionality

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 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

Link to the project in Figma

Live Demo

Enjoy the live demo here.