Skip to content

itzharshit99/flicksy

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Threads Clone

Welcome to the Threads Clone repository! This project is a social media web application inspired by Threads, allowing users to share posts, interact with others, and explore content in a dynamic and user-friendly interface.

Live Demo

Check out the live version of the app here: Flicksy

images -- if website is down

Screenshot 2024-12-14 141624

Screenshot 2024-12-14 141638

Screenshot 2024-12-14 141710

Screenshot 2024-12-14 141725

Screenshot 2024-12-14 141739

Screenshot 2024-12-14 141754

Features

  • User Authentication: Sign up, log in, and log out securely.
  • Post Creation: Share your thoughts through text-based posts.
  • Feed: View posts from other users in a scrollable feed.
  • Like and Comment: Interact with posts through likes and comments.
  • Responsive Design: Optimized for both desktop and mobile devices.
  • real time chat : implemented real time communicatin with socket.io.
  • follow and unfollow: you can follow and unfollow a user.
  • dark light mode : implemented dark and light mode

Tech Stack

This project is built using the following technologies:

  • Frontend: React.js, CSS (for styling)
  • Backend: Node.js, Express.js
  • Database: MongoDB
  • Deployment: Render
  • Authentication and Authorization : jsonwebtoken
  • cloudinary:for image upload

Installation and Setup

Follow these steps to run the project locally:

  1. Clone the repository:

    git clone https://github.com/yourusername/threads-clone.git
    cd threads-clone
  2. Install dependencies:

    npm install
    cd frontend
    npm install
    cd ../
  3. Set up environment variables:

    • Create a .env file in the root directory.
    • Add the following variables:
      MONGO_URI=<Your MongoDB connection string>
      JWT_SECRET=<Your secret key for authentication>
      PORT = <your port number>
      CLOUDINARY_CLOUD_NAME = <your cloudinary cloud name>
      CLOUDINARY_API_KEY =<your cloudinary api key>
      CLOUDINARY_API_SECRET = <your cloudinary secrets>
      
  4. Run the app:

    • Start the backend:
      cd backend
      npm run dev/ npm start
    • Start the frontend:
      cd frontend
      npm start/ npm run dev
  5. Access the app: Open your browser and go to http://localhost:5000.

Contributing

Contributions are welcome! Feel free to fork the repository and submit a pull request.

License

This project is licensed under the MIT License.

Feedback

If you have any feedback, please feel free to reach out or open an issue on GitHub.


Enjoy using the Threads Clone! 🎉

About

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages