Twitter clone

Twitter clone developed with a microservice approach using the Spring Framework and React.js.
The project is always updated with new features.
See more demo screenshots below.

Used Technologies:

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

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.

Work in progress

• Advanced search
• User mentions
• Tweet thread
• Front-end refactoring
• Back-end refactoring
• Adaptive layout

Installation

1. Install maven: link
2. Install Java: link
3. Install Postgresql: link
4. Install Intellij IDEA Ultimate: link
5. Install Docker and Docker Desktop
6. Add Lombok plugin to the Intellij IDEA: link
7. Make sure Java 17 is selected: link
8. Build the project with Maven: link
9. In the docker-compose file link run 4 services: postgres, pgadmin, zipkin, rabbitmq link
10. Open http://localhost:5050/browser/ and create DBs: user, tweet, chat, lists, notification, tag, topic
11. Sign up for a new AWS account: link
12. Create a new AWS S3 bucket: link
13. Change access from private to public in the AWS S3 bucket
14. Add a public access policy to the AWS S3 bucket (!!!important!!! see: doc, github examle or my example)
15. Get AWS keys: link and add to the application.properties file: link
16. In the image-service.yml config file add bucket, access-key, secret-key properties
17. Sign up for gmail
18. Create google API keys: link
19. Add google API key to the tweet-service.yml config file
20. Add gmail account and password to the email-service.yml config file
21. Go to link (important) and change to: “Allow less secure apps: ON”
22. Install node.js and npm: link
23. Open terminal in frontend directory and type: npm install (or yarn install)
24. Run services in this order:
    • eureka-server
    • config-server
    • api-gateway
    • user-service
    • and then all other services in any order link
25. Open terminal in frontend directory and type: npm start or run via package.json
26. Navigate to http://localhost:3000/home

To enter the application you can register or login:

Login: [email protected]
Password: qwerty123

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