Skip to content

Chuuch/Xitter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 

Repository files navigation

Xitter - Twitter Clone Application

Visit project - https://xitter.onrender.com

Screenshot 2024-01-13 at 22 39 20

Xitter is a full-stack Twitter clone application built with modern web technologies, including React, TypeScript, Tailwind CSS, Next.js, Zustand, and JWT authentication. This project aims to provide a scalable and feature-rich platform for users to share thoughts, engage in discussions, and connect with others in a familiar social media environment.

Features

  • Real-time Updates: Experience real-time updates on tweets and notifications, providing users with a seamless and engaging experience.

  • Tweet Creation and Interaction: Users can create, like, and retweet tweets, fostering interaction and conversation within the community.

  • User Authentication: Secure user authentication with JSON Web Tokens (JWT) ensures a safe and reliable platform for users to connect and communicate.

  • Responsive Design: Xitter is designed to be responsive, ensuring a consistent and user-friendly experience across various devices and screen sizes.

Technologies Used

  • React: A declarative and efficient JavaScript library for building user interfaces.

  • TypeScript: Adds static typing to JavaScript, enhancing code quality and developer productivity.

  • Tailwind CSS: A utility-first CSS framework that makes styling components easy and maintainable.

  • Next.js: A React framework for building server-side rendered and statically generated web applications.

  • Zustand: A small, fast, and scalable state management library for React.

Getting Started

Follow these steps to set up and run Xitter on your local machine:

  1. Clone the repository:

    git clone https://github.com/your-username/xitter.git
  2. Install dependencies:

    cd xitter
    npm install
  3. Set up environment variables:

    Create a .env file in the root of the project and add the necessary environment variables.

    REACT_APP_API_URL=<your_backend_api_url>
    REACT_APP_JWT_SECRET=<your_jwt_secret>
  4. Run the application:

    npm run dev

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

Contributing

We welcome contributions from the community! To contribute to Xitter, please follow our contribution guidelines.

License

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

Acknowledgments

  • Special thanks to the open-source community for their invaluable contributions and support.

Feel free to explore, contribute, and make Xitter even better! If you encounter any issues or have suggestions, please open an issue. Thank you for being a part of the Xitter community!

About

A full-stack Twitter clone

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages