yuff1006 / around_the_us

Front-end Project with Vanilla JS and Object Oriented Programming

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

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