https://github.com/chen-abudi/react-around-auth

About the U.S. project on React, featuring authorization and registration.
https://github.com/chen-abudi/react-around-auth

adaptive-layout bem-methodology css3 dom-manipulation javascript object-oriented-programming react-hooks reactjs rest-api

Last synced: 4 days ago
JSON representation

About the U.S. project on React, featuring authorization and registration.

• Host: GitHub
• URL: https://github.com/chen-abudi/react-around-auth
• Owner: Chen-Abudi
• Created: 2022-09-11T10:29:45.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-09-17T12:30:55.000Z (4 months ago)
• Last Synced: 2024-09-17T15:34:12.431Z (4 months ago)
• Topics: adaptive-layout, bem-methodology, css3, dom-manipulation, javascript, object-oriented-programming, react-hooks, reactjs, rest-api
• Language: JavaScript
• Homepage:
• Size: 8.41 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🌎 Project 14: React Around Auth

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

# Overview:

- Intro

- Languages & Techniques

- Images

- Figma Design

- Possible Improvements

- Deployed Project

## Intro

This is an responsive web application that showcases a person's travel around the U.S. It has the ability of adding, sharing or even removing photos, liking/disliking, changing profile info and picture with _RESTful API_. An important addition to this incredible application is **Security** for the homepage which includes Identication, Authentication and Authorization.

### 🗝️ This React project is an optimized iteration of a :

### _[Around React](https://chen-abudi.github.io/around-react/)_

### _[Around the U.S](https://chen-abudi.github.io/web_project_4/)_

## Languages & Techniques

- ReactJS

- Javascript

- Identication, Authentication, Authorization

- Data manipulation in localStorage.

- CSS3 - Grid, flex, forms, animation etc.

- React Hooks, Global State

- Adaptive layout

- Flat BEM file structure

- OOP, DOM manipulation

- REST API requests

## Images

- [For more incredible images, feel free to Click Here !](https://unsplash.com/)

## Figma Design :

- [Check this lovely design !](https://www.figma.com/file/yXGGl4EnWYEPzGJU2dSJ1L/Sprint-14%3A-Registration-and-Authorization?node-id=1%3A352)

## Possible Improvements

- Optimize it for disable people.

- Building my own API and connecting it to the server.

- To show any visitor the relevant content depending of their access.

- Maximize the security.

- Optimizie the page speed.

**All authorization, registration and token requests must go through to the server running on** [https://register.nomoreparties.co](https://register.nomoreparties.co/).

# Deployed Project :

[React Around Auth](https://chen-abudi.github.io/react-around-auth/)

### **Check out My LinkedIn Profile**

[LinkedIn](https://www.linkedin.com/in/chen-abudi/)

## Enjoy!