Threads Clone

A dynamic web application that simulates a social thread platform, allowing users to create, edit, and view posts with rich features and engaging interactions.

🎉 Welcome to Threads Clone

A social media platform for sharing thoughts and engaging in discussions! This web application enables users to explore threads and contribute their unique posts.
Showcasing user profiles, likes, comments, and more.

Output - https://threads-clone-akram.onrender.com/threads.net

:: Notice: This application is optimized for desktop use only. For the best experience, please access it via a desktop or laptop browser. Mobile devices are not supported.

---

🌟 Features

• User Posts: Users can create new threads, edit existing ones, and delete posts.
• Interactive Threads: Each thread includes the poster's information, likes, comments, and a detailed view of the content.
• Responsive Design: The layout adapts to different screen sizes for a seamless user experience.
• Navigation: Easy navigation to various sections such as home, new thread creation, and user profiles.

---

🛠️ Technologies Used

• Frontend: HTML, CSS, EJS (Embedded JavaScript templating)
• Backend: Node.js, Express.js
• Package Manager: npm

---

🚀 Usage

• Users can create new threads and explore existing ones.
• Each post displays engaging content along with user metrics like likes and comments.

---

📂 Project Details

• Data Storage: User posts are stored in a JSON file (data.json).
• Routing: Each thread is dynamically rendered based on the URL (e.g., /threads.net/:id).
• Localhost: Use a localhost to start the application.

---

💡 Suggestions

If the application does not behave as expected:

1. Ensure your data.json file has the correct structure.
2. Check console logs for any errors or issues.
3. Restart the application after making changes to see the updates.

---

👤 Author Information

• Name: SK Akram
• Email: skcodewizard786@gmail.com
• Social Media:
  • Twitter
  • LinkedIn
  • Instagram
  • YouTube

---

⚙️ Installation

Follow these steps to set up the project locally:

# Step 1: Clone the repository
git clone <repository-url>

# Step 2: Navigate into the project folder
cd <repository-folder>

# Step 3: Install dependencies
npm install

# Step 4: (Optional) Install Nodemon for automatic server restarts
npm install nodemon

# Step 5: Run the application
node index.js

# The application will be available at:
# 👉 http://localhost:8080