TweaXy

The project aims to develop a Twitter-like web application using modern tools and technologies in the software industry. JavaScript and React.js are used to create dynamic and responsive user interfaces. The application includes features similar to Twitter, providing users with a smooth and easy-to-use platform.

🎯 Objectives

The project focuses on achieving the following objectives:

• Proficient utilization of JavaScript for creating dynamic content and interfaces.
• Leveraging React library for building responsive user interfaces and managing state efficiently.
• Incorporating Redux for state management and ensuring smooth data flow within the application.
• Utilizing Material UI components for designing visually appealing and consistent user interfaces.
• Using Git and GitHub for version control.
• Interfacing with APIs for data retrieval and management, ensuring seamless integration with backend services.
• Implementing Firebase for Push Notifications to enhance user engagement.
• Implementing unit tests using Jest and React Testing Library to ensure code reliability and maintainability.
• Utilizing JSDoc to provide comprehensive and standardized documentation for JavaScript functions.

⛏️ Technogoies

• Reactjs
• Material ui
• Redux
• Jest
• React Testing Library
• JSDoc

✨ Features

🔒 Authentication & Authorization

• Sign up
• Sign in with Google
• Login

🙍‍♂️ User Profile

• Profile overview (name, bio, profile picture, etc..)
• User Posts
• User Likes
• User Followers/Followings

📰 Post

• Create a post

🔔 Notifications

• Push notifications
• All notifications

🧑‍💼 User Management

• Follow
  • Follow user
  • Unfollow user
• Block
  • Block user
  • Unblock user

🎬 Demo

Signupdemo.mp4

Login.Profile.mp4

Profile.Notification.mp4

🚀 Getting started

1. Clone the repository

$ git clone https://github.com/MostafaMagdyy/Twitter-Clone-TweaXy.git

2. Navigate to repository directory

$ cd Twitter-Clone-TweaXy

3. Install dependencies

$ npm install

4. Run

$ npm run dev