/Blueddit

Blueddit is an online discussion platform but made bluer

Primary LanguagePHP

Blueddit Logo

Blueddit

A Reddit clone purely built with PHP, HTML, CSS, and Javascript.

Check out the Webpage Designs and Sitemaps on Figma

Description

Blueddit serves as an online discussion platform where users can share content such as text posts, links, and images, and participate in discussions on a wide variety of topics, similar to Reddit. Users can browse different categories of content posts, and each community in each category is referred to as a Sublueddit.

Permissions and Access

Registered users: Registered users have the ability to post, edit, and comment on posts and browse content on the front page. They also have access to their profile page, where they can customize their profile and page settings.

Guest users: Guest users can only access the front page and browse other users' posts. Any attempt to post, comment, or access the settings/profile tab will direct the user to the registration page.

Moderators/admins: Moderators have the ability to edit, delete, and ban users. They also have access to the moderation page, where they can manage the content of the website.

Preview

image

Features

  1. Home Page: Display a collection of curated or recently posted forum posts. The page can be divided into sections and should refresh dynamically. The content on this page should only display post titles, along with a short preview of the post description (2-3 lines) and a post image if available.

  2. Post Page: Display a single post along with its details such as the author's name, date and time of creation, number of upvotes and downvotes, and comments. Registered users can add comments to the post while anonymous users can only view the post and its details.

  3. Profile Tab: Display information about registered users such as their name, avatar, number of posts, and comments. Registered users can access and edit their own profiles, while anonymous users can only view profiles of registered users.

  4. Navigation Bar: Implement a tab bar or navigation menu that allows users to quickly access different sections of the website, such as the feed page, categories, user profiles, etc.

  5. Authentication: Allow users to create an account and log in to the website to post stories and make comments.

  6. Create Post: Allow registered users to create posts with a title, description, and optional images or videos.

  7. Commenting: Allow users to add comments to posts and reply to other comments.

  8. User Profiles: Provide user profiles where users can manage their account information and view their activity on the website.

  9. Search Function: Provide a search bar or search options that allow users to search for posts based on keywords or categories.

  10. Subreddits: Implement categories to categorize posts and make it easier for users to find relevant content.

Additional Features

  1. Search function for all posts
  2. Login page with registration option
  3. Left sidebar for browsing communities
  4. Right panel to display posting controls
  5. Input validation using JavaScript
  6. Backend and server-side scripting with PHP
  7. Database implementation with MySQL
  8. Prevention of SQL injection
  9. Responsive design
  10. Asynchronous page loading with ajax
  11. Support for image uploads
  12. Consistent webpage design
  13. Sorting of posts by upvote count
  14. Robust error handling
  15. Comment and post system
  16. Moderation control
  17. Site analytics
  18. Dark mode support
  19. Collapsible Comments

Contributors