https://github.com/chen-abudi/web_project_4
Project 4-9: Around The U.S.
https://github.com/chen-abudi/web_project_4
api api-rest css html javascript nodejs npm webpack
Last synced: 2 months ago
JSON representation
Project 4-9: Around The U.S.
- Host: GitHub
- URL: https://github.com/chen-abudi/web_project_4
- Owner: Chen-Abudi
- Created: 2022-03-27T17:23:50.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2025-06-24T13:04:15.000Z (4 months ago)
- Last Synced: 2025-06-24T14:23:36.385Z (4 months ago)
- Topics: api, api-rest, css, html, javascript, nodejs, npm, webpack
- Language: JavaScript
- Homepage:
- Size: 4.49 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Project 4-9: Around The U.S.
### Overview
- Intro
- Languages and Technologies have been used
- Figma
- Images
- New Features
- Possible Improvements
- Deployed Project
**Intro**
This is the forth project at Practicum by Yandex and Evolving through further sprints.
It's an responsive landing page that showcases a person's travel around the U.S.
This project use Javascript to add funcionality for elements.
All elements are designed to be displayed correctly on the popular screen size (1280px, 320px) and between them.
## Languages and Technologies
- HTML5
- CSS3
- Responsive Layout
- JavaScript
- Form Validation
- OOP (Object-Oriented-Programming)
- Modular Javascript
- DOM Manipulation
- Flexbox, Grids and forms
- BEM File Structure
- Animation
- Working from a Figma Brief
- Webpack, babel, postcss
- Npm
- Node.js
- Asynchronous Programming
- API's Requests
## Continued Development
**Figma**
- [Link to the project in Figma : part 1](https://www.figma.com/file/SurN1jaeEQIhuZEDMhmWWf/Sprint-4-Around-The-U.S.-desktop-mobile?node-id=0%3A1)
- [Link to the project in Figma : part 2](https://www.figma.com/file/m79HxYeZpOXRw0Tz2eZGOV/Sprint-5%3A-Around-The-U.S.-%7C-desktop-%2B-mobile?node-id=0%3A1)
- [Link to the project in Figma : part 3](https://www.figma.com/file/05izwsCh3F3UsBmHfHhUFQ/Sprint-6%3A-Around-The-U.S.?node-id=0%3A1)
- [Link to the project in Figma : part 4](https://www.figma.com/file/xQVeb8gprjukPVKXiLXS5T/Sprint-9%3A-Applied-JavaScript?node-id=0%3A1)
**Images**
- [For more incredible images, you can check this site](https://unsplash.com/)
## New Features
- Added funcionality to the add button if the user wants to add new place.
- Made the like button function.
- Added the option to remove places.
- Picture popup for images.
- Form Validation and resets after submitting.
- Closing popup windows from overlay, or with the Escape key.
- Refactor and Separate JS code into modules using OOP.
- Using Webpack for separate JS code into Modules to minify the code.
- Class Destructing.
- API's request calls for necessary actions.
- Like Button counter.
- Update profile image pop window with link inside.
- Popup window to check if the user is sure to remove postcard.
- Add and Remove likes.
- All forms UX improvement.
## Possible Improvements
- Optimize the website for Disabled Users.
- Optimize the page speed and adding security.
- Additional animations.
- Option to select postcards group to remove together.
- Import/export postcards.
- Work with the server so the information can be saved.
- Using Backend to store the forms contact changes.
- User Registration.
## Deployed Project
- [Link to the project on GitHub pages] (https://chen-abudi.github.io/web_project_4/)