https://github.com/chen-abudi/around-react
Front end for the Around the U.S. project using React.
https://github.com/chen-abudi/around-react
css3 javascript reactjs rest-api webpack
Last synced: 8 months ago
JSON representation
Front end for the Around the U.S. project using React.
- Host: GitHub
- URL: https://github.com/chen-abudi/around-react
- Owner: Chen-Abudi
- Created: 2022-07-14T14:47:44.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-09-16T15:59:58.000Z (about 1 year ago)
- Last Synced: 2024-09-16T19:23:24.772Z (about 1 year ago)
- Topics: css3, javascript, reactjs, rest-api, webpack
- Language: JavaScript
- Homepage:
- Size: 9.69 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Project 10-11 : Around the U.S (React.js)
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
# Overview:
- Intro
- Languages & Techniques
- Images
- Possible Improvements
- Deployed Project
## Intro
This is the 10th project at Practicum by Yandex. It's an adaptively interactive application which showcases a person's travel around the U.S.
It was built mainly with ReactJS and uses REST API. It's ReactJS version of
[Around the U.S](https://github.com/Chen-Abudi/web_project_4). All elements are designed to be displayed correctly on the popular screen sizes (1280px, 320px) and between them.
## Languages & Techniques
- ReactJS
- Javascript
- CSS3
- React Hooks (useState, useEffect, useRef)
- React Global State (createContext)
- React Functional Components
- Grid, flex, forms, animation
- Adaptive layout
- Flat BEM file structure
- OOP
- Webpack, babel, postcss
- DOM manipulation
- REST API requests
## Images
- [For more incredible images, feel free to Click Here !](https://unsplash.com/)
## 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.
- Option to add images from pc.
- Using Backend to store the forms contact changes.
- User Registration.
## Deployed Project
Link to the project on GitHub pages : [Around the U.S ReactJS](https://chen-abudi.github.io/around-react/)
#### Overview
#### 620px - 916px Resolution
#### 320px Resolution
