Shuttle
Social network ReactJS application. Frontend
Install & setup
- git clone https://github.com/Shilza/Shuttle-frontend
- yarn
- 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
