Shuttle

Social network ReactJS application. Frontend

Install & setup

1. git clone https://github.com/Shilza/Shuttle-frontend
2. yarn
3. yarn start

Stack

• ReactJS
• Redux/Rematch
• Axios
• CSS-modules
• Ant-design
• @adonisjs/websocket-client

Features

You can:

• Share posts (images, videos)
• Crop image inside application
• Add filters for images
• Comment on posts
• Like posts/comments
• Check feed
• Manage account privacy
• Add users to blacklist
• Remove blacklisted users
• Archive posts
• Edit account public data
• Get list of followers
• Get list of liked posts
• View notifications
• Manage subscription requests
• Save posts to named compilations
• Search users by nickname
• Get unique post's link
• Set custom avatar
• Send messages
• Mark a friends in photo
• Add location for posts
• Dark theme

Shuttle inside

This section shows the Shuttle user interface on desktop and mobile devices

Mobile

User page

Feed

Feed (dark mode)

View post

PostPreview's modal

Select posts compilation

Save post to new compilation

View posts compilations

Edit profile

Marks

Dialogs

Messages

Notifications preloader

Notifications

Follows list

Side menu

Switcher to light mode

Archived posts

Blacklist

Blacklisted

Account is private

Desktop

User page

Feed

View post

Notifications

Posts compilations

Settings window

Privacy explaining label