/around-react

Front end for the Around the U.S. project using React.

Primary LanguageJavaScript

Project 10-11 : Around the U.S (React.js)

This project was bootstrapped with 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. 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

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

Overview

620px - 916px Resolution

320px Resolution