Skip to content

Latest commit

 

History

History
92 lines (62 loc) · 2.14 KB

README.md

File metadata and controls

92 lines (62 loc) · 2.14 KB
Raw

Twitter Clone

Twitter Clone Screenshot

This is a simple Twitter clone web application built using React, Firebase, and Material-UI. It allows users to sign up, log in, post tweets, and view a timeline of tweets from other users.

Table of Contents

Demo

You can view a live demo of the Twitter clone here.

Features

  • User authentication (sign up, log in, log out)
  • Create and post tweets
  • View a timeline of tweets from other users
  • Responsive design for desktop

Technologies Used

  • React
  • Firebase Authentication and Firestore
  • Material-UI
  • React Router DOM

Setup

  1. Clone the repository:
  git clone https://github.com/Khizarshah01/twitterClone
  cd twitter-clone
  1. Install dependencies:
   npm install

  1. Create a Firebase project and set up authentication and Firestore database.

  2. Copy the Firebase configuration to src/firebase.js:

// src/firebase.js
import firebase from "firebase/compat/app";
import  "firebase/compat/auth"; 
import "firebase/compat/firestore";

const firebaseConfig = {
  // Your Firebase configuration
};

const firebaseApp = firebase.initializeApp(firebaseConfig);
const db = firebaseApp.firestore();
export const auth = firebase.auth(); 
export default db;
  1. Start the development server:
npm start

Usage

  • Sign up for a new account using your email and password.
  • Log in with your credentials to access the main app.
  • Post tweets by typing in the text box and clicking the "Tweet" button.
  • View the timeline to see tweets from other users.
  • Log out when you're done using the app.

Contributing

Contributions are welcome! If you have any suggestions, bug reports, or feature requests, please open an issue or submit a pull request.

License

This project is licensed under the MIT License - see the LICENSE file for details.