Skip to content

Welcome to the Threads Clone Web Application! This application is designed to replicate the core functionality of the popular Threads app. Built using Next.js, Tailwind CSS, and MongoDB, this project showcases the power of modern web technologies.

Notifications You must be signed in to change notification settings

itsUtkarshOjha/threads

Repository files navigation

Threads Clone Web Application

Welcome to the Threads Clone Web Application. Built using Next.js, Tailwind CSS, and MongoDB, this project showcases the power of modern web technologies.

Table of Contents

Demo

Curious about how the Threads Clone works? Check out the live demo here!

Features

  • User Authentication: Sign up and log in securely to access and participate in conversations.
  • Community Creation: Create your own community and invite others to join in.
  • Thread Creation: Start your own discussion threads and reply to others' threads.
  • Responsive Design: The application is designed to work seamlessly across various devices and screen sizes.

Tech Stack

The Threads Clone Web Application is built using the following technologies:

  • Next.js: A popular React framework for building efficient and server-rendered web applications.
  • Tailwind CSS: A utility-first CSS framework for quickly designing custom styles with minimal effort.
  • MongoDB: A NoSQL database for storing and managing application data efficiently.

Installation

To run the Threads Clone Web Application locally, follow these steps:

  1. Clone this repository to your local machine.

    git clone https://github.com/your-username/threads-clone.git
  2. Navigate to the project directory.

    cd threads-clone
  3. Install the dependencies using npm or yarn.

    npm install
    # or
    yarn install
  4. Set up your MongoDB database and obtain a connection string.

  5. Create a .env.local file in the project root and add your MongoDB connection string:

    MONGODB_URI=your-mongodb-connection-string
    
  6. Start the development server.

    npm run dev
    # or
    yarn dev
  7. Open your browser and navigate to http://localhost:3000 to see the application in action.

Usage

Once the application is up and running, you can:

  • Sign up for an account or log in if you already have one.
  • Browse existing conversation threads.
  • Create new threads and engage in discussions.
  • Experience real-time updates as new messages arrive.

Contributing

Contributions are welcome! If you'd like to contribute to the Threads Clone Web Application, please follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature or bug fix.
  3. Make your changes and test thoroughly.
  4. Commit your changes and push them to your fork.
  5. Submit a pull request, describing your changes and their purpose clearly.

Happy discussing! 🎉📣

About

Welcome to the Threads Clone Web Application! This application is designed to replicate the core functionality of the popular Threads app. Built using Next.js, Tailwind CSS, and MongoDB, this project showcases the power of modern web technologies.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published