Blueddit: The Community-Driven Content Hub

Dive into Blueddit, a Django and Angular-powered platform designed for users to connect, share, and engage with content tailored to their interests. Similar to Reddit, Blueddit offers:

• Communities: Create or join communities to discuss topics with like-minded individuals.
• Posts: Share your thoughts, ideas, or media either within communities or as standalone posts.
• Tags: Enhance discoverability by tagging your posts.
• Filtering: Find what interests you the most by filtering posts based on tags.

Blueddit empowers users to build vibrant communities, explore diverse topics, and stay connected with the content they care about.

---

Table of Contents

• Introduction
• 🛠 Tech Stack
• 🚀 Deployment
• 📚 API Reference
• 💥 Screenshots
• ✍️ Authors
• License

---

Introduction

Blueddit is a platform designed for users to connect, share and participate in communities on topics of interest. Inspired by Reddit, it allows users to create and join communities, post content, tag and filter posts, facilitating an interactive and collaborative experience.

---

🛠 Tech Stack

Client: Angular CLI, HTML, CSS, TailwindCSS, TypeScript, JavaScript
Server: Node, Django, Python
Tools: Postman, SQLite, Figma, Git, GitHub, VSCode, PyCharm

---

🚀 Deployment

This project was generated using Angular CLI version 19.0.7.

To start a local development server, run:

ng serve

Once the server is running, open your browser and navigate to http://localhost:4200/. The application will automatically reload whenever you modify any of the source files.

Code scaffolding

Angular CLI includes powerful code scaffolding tools. To generate a new component, run:

ng generate component component-name

For a complete list of available schematics (such as components, directives, or pipes), run:

ng generate --help

Building

To build the project run:

ng build

This will compile your project and store the build artifacts in the dist/ directory. By default, the production build optimizes your application for performance and speed.

Running unit tests

To execute unit tests with the Karma test runner, use the following command:

ng test

Running end-to-end tests

For end-to-end (e2e) testing, run:

ng e2e

Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.

Additional Resources

For more information on using the Angular CLI, including detailed command references, visit the Angular CLI Overview and Command Reference page.

---

📚 API Reference

This section describes the main endpoints for authentication and API usage.
Remember that for making protected requests, you must include the token in the Authorization header using the following format:

Authorization: Bearer

User Registration

• Endpoint:

{{api_dir}}register/

• Request Body:

{
    "username": "newuser223",
    "email": "newuser23@example.com",
    "password": "newpassword1233",
    "age": 33
}

Description: Sends the user data to register a new user. If the request is successful, you will receive a confirmation message indicating that the registration was completed successfully.

Login and Token Retrieval

Endpoint:

{{api_dir}}token/

• Request Body:

{
    "username": "newuser223",
    "password": "newpassword1233"
}

Description: Uses the registered user's credentials to obtain authentication tokens. The response will include the token that must be used in subsequent requests.

Authorized Requests

Once you have obtained the token, include the following header in your requests to access protected endpoints

• Example Header:

Authorization: Bearer your-access-token

This header enables you to perform POST requests (and others) on endpoints that require authentication.

---

💥 Screenshots

Sketchs

---

✍️ Authors

IronBit

@Timasostima | LinkedIn @VulpeenGX | LinkedIn @Rutherfordio78 | LinkedIn @ciovanes | LinkedIn @RedondoDev | LinkedIn

---

License