Git Product home page Git Product logo

twitter-clone's Introduction

Twitter Clone

This project is a Twitter clone web application built with Next.js 13, Tailwind CSS, Pusher, Zustand, and Framer Motion. It aims to replicate the core features and functionality of Twitter, providing users with a similar experience of sharing tweets, following other users, and engaging in real-time conversations. Features

  • User Authentication: Users can create accounts, log in, and securely authenticate their identities to access the full functionality of the Twitter clone.

  • Timeline: The timeline displays a chronological feed of tweets from the user and the accounts they follow, allowing users to stay updated with the latest posts.

  • Tweeting: Users can compose and publish tweets, including text, images, and hashtags, and share them with their followers.

  • Real-time Updates: Leveraging Pusher, the application provides real-time updates to users' timelines and notifications, ensuring an interactive and dynamic user experience.

  • Follow and Unfollow: Users can follow and unfollow other users to curate their timeline and connect with accounts of interest.

  • Likes and Retweets: Similar to Twitter, users can like and retweet tweets to show their appreciation or share interesting content with their own followers.

  • Responsive Design: The application is built using Tailwind CSS, ensuring a responsive and visually appealing layout across various devices and screen sizes.

Technologies Used

  • Next.js 13: Next.js is a React framework that provides server-side rendering, optimized routing, and other performance-enhancing features for building robust web applications.

  • Tailwind CSS: Tailwind CSS is a utility-first CSS framework that enables rapid UI development with pre-defined classes and customizable styles.

  • Pusher: Pusher is a platform for real-time communication that facilitates instant updates and notifications in the Twitter clone.

  • Zustand: Zustand is a state management library that simplifies the management and sharing of application state across components.

  • Framer Motion: Framer Motion is a library for creating smooth and interactive animations in the Twitter clone, enhancing the user interface and user experience.

  • MongoDB: MongoDB is non-sql powerful database, used for the database with prisma.

Getting Started

  1. Clone the repository: git clone
  2. Install dependencies: npm install
  3. Set up environment variables: Create a .env file based on the provided .env.example file and fill in the required information.
  4. Run the application: npm run dev
  5. Open your browser and visit http://localhost:3000 to access the Twitter clone.

Contributing

Contributions are welcome! If you encounter any issues or have suggestions for improvements, please open an issue or submit a pull request. Ensure adherence to the code style guidelines and provide clear and detailed information about the proposed changes. License

This project is licensed under the MIT License.

Feel free to customize this README file to fit your specific project requirements and add any additional sections that are relevant to your application.

twitter-clone's People

Contributors

shreyas-29 avatar

Stargazers

ngocdb@acbs.com.vn avatar Thorsten Schleinzer avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.