Twitter clone

Twitter clone developed using Spring Boot and React.js.
The project is always updated with new features.
See more demo screenshots below.

Used Technologies:

• Back-end: Java, Spring (Boot, Data, Security), JPA / Hibernate, PostgreSQL, JUnit, Mockito
• Front-end: TypeScript, React.js, Redux-Saga, Material-UI
• Security: JWT
• AWS S3 bucket

Features

• Authentication with JWT and Email validation. Password change.
• Users can Add tweets, Like, Retweet, Reply, Quote tweets, Schedule tweets.
• Users can Delete tweets, Send tweet via Direct Message, Add tweet to Bookmarks.
• Users can Create Lists, Edit Lists, Add other users to Lists, Follow List, Pin Lists.
• Users get notifications when someone subscribed, retweet or liked tweet.
• Users can add Images to tweet, Create Poll and vote, Post tweets with link preview, Posts tweets with YouTube video link.
• Websocket online chats.
• Private user profile and lists.
• Account Settings.
• Users can subscribe to each other.
• User can edit profile.
• User can block and mute other users.
• Users can customize site color scheme and color background.
• Users can search tweets by hashtags and search other users and users tweets.
• All images downloads on Amazon S3 bucket.

Next Updates

• Advanced search
• Queries optimization
• Front-end testing
• Front-end refactoring
• Adaptive layout

Installation

1. Install maven: link
2. Install Java: link
3. Install Postgresql: link
4. Install Intellij IDEA Ultimate: link
5. Open pgAdmin and create a new DB (name: twitter and twittertest) in Postgresql: link
6. Add Lombok plugin to the Intellij IDEA: link
7. Configure project like: link
8. Add Postgresql properties to the application.properties file: link
9. Register new AWS account: link
10. Create new S3 bucket: link
11. Change access from private to public in S3 bucket
12. Add public access policy to S3 bucket (!!!important!!! see: doc, github examle or my example)
13. Get AWS keys: link and add to the application.properties file: link
14. Register in gmail
15. Create google API keys: link
16. Add google API key to the application.properties file: link
17. Add gmail account and password to the application.properties file: link
18. Go to link (important) and change to: “Allow less secure apps: ON”
19. Install node.js and npm: link
20. Open terminal in client directory and type: npm install (or yarn install)
21. Now you can run TwitterApplication (port 8080) and open terminal in client directory and type: npm start
22. Navigate to http://localhost:3000/home

To enter the application you can register or login:

Login: user2016@gmail.com
Password: qwerty

Screenshots

Add tweet

---

Add Poll

---

Reply tweet

---

Tweet image modal

---

Notifications

---

Full Notifications

---

Search

---

Search Videos

---

Full tweet

---

Liked by Modal window

---

Following and Followers

---

Trends

---

Bookmarks

---

Chat

---

Lists

---

Full List

---

Suggested Lists

---

Settings

---

Customization

---

Dark theme profile