https://github.com/aidera/react-social-network

A test social-network maded with course "React: Way of Samurai" - IT-kamasutra.com
https://github.com/aidera/react-social-network

react

Last synced: about 1 month ago
JSON representation

A test social-network maded with course "React: Way of Samurai" - IT-kamasutra.com

• Host: GitHub
• URL: https://github.com/aidera/react-social-network
• Owner: aidera
• Created: 2020-05-11T12:50:33.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2022-02-10T22:24:19.000Z (about 3 years ago)
• Last Synced: 2024-11-16T12:06:29.890Z (3 months ago)
• Topics: react
• Language: TypeScript
• Homepage: https://aidera.github.io/react-social-network/
• Size: 5.02 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
https://aidera.github.io/react-social-network/

A test social-network maded with course "React: Way of Samurai" - IT-kamasutra.com

Backend is located on https://social-network.samuraijs.com/

## What to look at?

### Profile page

- Editing user information

- Editing avatar

- Protect from not-auth users

- Adding, deleting and removing posts

- Sending information without submit buttons and exiting edit mode by ESC (status submitting)

*Posts are hardcoded. No such feature in backend yet.

### Dialogs page

- Protect from not-auth users

- User switching

- User-friendly chat interface especially for mobile

- I don't know what can I say - just look at it couse it's awesome :)

*Dialogs and messages are hardcoded. No such feature in backend yet.

### Users page

- Pagination with url params

- Lazy-loading by scrolling down

- Follow/unfollow functions if authorized

- Also you can send message to this user if authorized. It will trow you to dialogs page with users id in URL and if you'll send a message this user will be in your dialogs list

### Login page

- Authorization function

- Captcha if login-pass was typed wrong several times

Also, this site is adaptive for mobile and desktop, have (i hope) a nice code structure and was written in compliance with the rules of clean code. Have a nice day! :)