React Twitter Clone

A Twitter clone built with React, Firebase, Material-ui. This project aims to replicate the core feature of Twitter where allowing users to post tweets.

Table of Contents

• Features
• Demo
• Installation
• Usage
• Technologies Used
• Contributing

Features

• Tweeting: Post tweets, complete with text and images, and view tweets from other users.
• Real-time Updates: Real-time updates for tweets.

Demo

Check out the live demo https://react-twitter-clone-dusky.vercel.app

Installation

1. Clone the repository:

   git clone https://github.com/Shaban-Eissa/React-Twitter-Clone.git

2. Install dependencies:

   cd React-Twitter-Clone
   npm install

3. Set up Firebase:

   • Create a Firebase project: Go to the Firebase Console, click on "Add Project," and follow the setup instructions.

   • Get Firebase configuration:

     • In the Firebase Console, navigate to your project settings.
     • Under the "General" tab, scroll down to the "Your apps" section.
     • Click on the web app icon (</>) to create a new web app.
     • Copy the Firebase configuration object.

   • Configure the React app:

     • In your React app, locate the Firebase configuration file (e.g., src/Firebase.js).
     • Replace the placeholder values with the Firebase configuration values you copied.

     Example Firebase configuration file:

     // src/Firebase.js
     
     const firebaseConfig = {
       apiKey: 'YOUR_API_KEY',
       authDomain: 'YOUR_AUTH_DOMAIN',
       projectId: 'YOUR_PROJECT_ID',
       storageBucket: 'YOUR_STORAGE_BUCKET',
       messagingSenderId: 'YOUR_MESSAGING_SENDER_ID',
       appId: 'YOUR_APP_ID',
     };
     
     export default firebaseConfig;

4. Run the application:

   npm start

   The application will be accessible at http://localhost:3000.

Usage

1. Post Tweets:

   post tweets from the home page.

2. Real-time Interactions:

   Experience real-time updates for tweets as they happen.

Technologies Used

• Frontend:

  • React
  • Material-ui

• Backend:

  • Firebase

Contributing

Contributions are welcome.