This is a Twitter clone built using React and Firebase as the backend. It allows users to post tweets, view a feed of posts, and interact with the Twitter-like interface.
- Create and post tweets with text and optional images
- Real-time updates: New posts automatically appear in the feed without refreshing the page
- Display user avatars, usernames, and post information
- Sidebar navigation with various options
- Responsive design for optimal viewing on different devices
- React: A JavaScript library for building user interfaces
- Firebase: A cloud-based platform for building web and mobile apps, used for authentication and real-time database updates
- Material-UI: A popular React UI component library for creating stylish and responsive user interfaces
- Clone the repository to your local machine using the following command:
git clone https://github.com/siriusberg/twitter-clone - Navigate to the project directory:
cd twitter/clone - Install the required dependencies using npm or yarn:
npm install - Create a Firebase project and configure the Firebase SDK by following the Firebase setup documentation.
- Update the Firebase configuration in the
src/firebase.jsfile with your Firebase project credentials.
- Start the development server:
npm start - Open your web browser and navigate to
http://localhost:3000to access the Twitter clone. - Use the sidebar navigation to explore different options and post tweets.
The Twitter clone is deployed and can be accessed at: https://twitter-clone-9bf57.web.app/. To deploy the Twitter clone to a hosting platform such as Firebase Hosting:
- Build the project:
npm run build - Deploy the build directory to your hosting platform.
Contributions are welcome! If you find any bugs or have suggestions for new features, please open an issue or submit a pull request.
This project is licensed under the MIT License.