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.
You can view a live demo of the Twitter clone here.
- User authentication (sign up, log in, log out)
- Create and post tweets
- View a timeline of tweets from other users
- Responsive design for desktop
- React
- Firebase Authentication and Firestore
- Material-UI
- React Router DOM
- Clone the repository:
git clone https://github.com/Khizarshah01/twitterClone
cd twitter-clone
- Install dependencies:
npm install
-
Create a Firebase project and set up authentication and Firestore database.
-
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;
- Start the development server:
npm start
- 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.
Contributions are welcome! If you have any suggestions, bug reports, or feature requests, please open an issue or submit a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.