CoderSquare is not just a platform, it's your passport to a vibrant community-driven learning experience. Imagine the best of Hackernews meeting a curated learning platform, designed to empower you with a world of knowledge. Here, developers share and vote on resources, creating a dynamic space to discover new tools, frameworks, and tutorials.
- Curated Feed: Explore a dynamic list of articles, videos, channels, and other web resources, constantly updated by fellow members.
- Tag Filtering: Find your niche by filtering resources based on language, topic, or skill level.
- Voting Power: Cast your vote on valuable resources, pushing the best content to the top and aiding others in navigating the information jungle.
- Contribute: Share your valuable discoveries with the community.
- Discussions: Spark conversations, leave comments and engage in discussions to enrich your understanding.
- Stay Informed: The new notification system keeps you informed about relevant activities on your posts and comments.
- User Profiles: Track your contributions, customize your profile, and build your reputation within the community.
- Search and Sort: Find exactly what you're looking for with a powerful search function and various sorting options.
- Modern Tech: Built with React.js, Codersquare delivers a smooth and responsive user experience.
Codersquare goes beyond a simple resource aggregator. It's a vibrant community of passionate developers where learning is collaborative, engaging, and always evolving.
Experience the future of learning. Come share, discover, and grow with Codersquare!
Codersquare utilizes a basic client/server architecture with a Spring Boot server deployed on a cloud provider alongside a relational database.
| Column | Type |
|---|---|
| user_id | BIGSERIAL |
| first_name | VARCHAR(255) |
| last_name | VARCHAR(255) |
| username | VARCHAR(255) |
| password | VARCHAR(255) |
| VARCHAR(255) | |
| created_at | TIMESTAMP |
| UNIQUE (username), UNIQUE (email) |
| Column | Type |
|---|---|
| post_id | BIGSERIAL |
| user_id | BIGINT |
| title | VARCHAR(255) |
| category | VARCHAR(50) |
| url | VARCHAR(255) |
| points | INT |
| created_at | TIMESTAMP |
| FOREIGN KEY (user_id) REFERENCES users (user_id) |
| Column | Type |
|---|---|
| like_id | BIGSERIAL |
| user_id | BIGINT |
| post_id | BIGINT |
| created_at | TIMESTAMP |
| FOREIGN KEY (user_id) REFERENCES users (user_id) | |
| FOREIGN KEY (post_id) REFERENCES posts (post_id) |
| Column | Type |
|---|---|
| comment_id | BIGSERIAL |
| user_id | BIGINT |
| post_id | BIGINT |
| text | TEXT |
| points | INT |
| created_at | TIMESTAMP |
| FOREIGN KEY (user_id) REFERENCES users (user_id) | |
| FOREIGN KEY (post_id) REFERENCES posts (post_id) |
| Column | Type |
|---|---|
| vote_id | BIGSERIAL |
| user_id | BIGINT |
| post_id | BIGINT |
| comment_id | BIGINT |
| vote_type | VARCHAR(50) |
| created_at | TIMESTAMP |
| FOREIGN KEY (user_id) REFERENCES users (user_id) | |
| FOREIGN KEY (post_id) REFERENCES posts (post_id) | |
| FOREIGN KEY (comment_id) REFERENCES comments (comment_id) |
| Column | Type |
|---|---|
| token_id | BIGSERIAL |
| confirmation_token | VARCHAR(255) |
| created_at | TIMESTAMP |
| expired_at | TIMESTAMP |
| confirmed_at | TIMESTAMP |
| user_id | BIGINT |
| FOREIGN KEY (user_id) REFERENCES users (user_id) ON DELETE CASCADE |
A Spring Boot server is implemented to handle the backend functionalities. Authentication is based on JWT, with passwords encrypted and stored in the database. OAuth integration with platforms like Google, Facebook, and potentially Github is planned.
Auth:
/signIn [POST]
/signUp [POST]
/signOut [POST]
Posts:
/posts/list [GET]
/posts/new [POST]
/posts/:id [GET]
/posts/:id [DELETE]
/posts/sort/{criteria} [GET] // Sort by Hot (Default), Recent, or popularity (week, month, year, all time)
/posts/search/{query} [GET] // Search resources based on a query
Likes:
/likes/new [POST] // like or unlike post used as bookmarks for users
Comments:
/comments/new [POST]
/comments/list [GET]
/comments/:id [DELETE]
Users:
/users/{username} [GET] // Get user profile information
/users/{username}/posts [GET] // Get all posts related to single user
/users/{username}/likes [GET] // Get all likes related to single user
Votes:
/api/v1/vote [PUT] // Vote on a post or comment
/posts/upvote/{id} [POST] // Upvote a post
/posts/downvote/{id} [POST] // Downvote a post
/comments/upvote/{id} [POST] // Upvote a comment
/comments/downvote/{id} [POST] // Downvote a comment
The web client, implemented in React.js, serves as the primary interface. It uses ReactQuery to communicate with the backend and Chakra UI for building CSS components.
The code is hosted on GitHub. //TODO: deploy the project to AWS.
The landing page presents a list of links with titles given by posters. Links are scored based on popularity and age, allowing users to browse and navigate. Signed-in users can add comments, upvote posts or comment, like posts for bookmarking, and manage their posts.
Posts can have tags describing different attributes, allowing users to filter the experience using these tags, including language.
Comments are sorted reverse-chronologically, and users can delete their comments.
Codersquare now incorporates a notification system to enhance user engagement and interaction. This feature notifies users about relevant activities and updates within the platform. The following functionalities are included in the notification system:
-
Likes and Bookmarks:
- Users receive notifications when their posts are liked by others or bookmarked by users.
-
Comments:
- Notification alerts for new comments on the user's posts or replies to their comments.
The notification system aims to keep users informed about activities relevant to their contributions and interests on Codersquare, fostering a dynamic and engaging community experience.
If you have any specific requirements or additional features for the notification system, feel free to provide more details.
-
Sorting:
- Users can filter resources based on criteria such as Sort by Recent or popularity (week, month, year, all time).
-
Search:
- Implemented search functionality to search for resources based on a query.
-
User Profiles:
- Users have profiles that can be customized. Retrieve user profile information via
/users/{username}.
- Users have profiles that can be customized. Retrieve user profile information via
-
Voting:
- Users can upvote or downvote posts and comments. The voting functionality is implemented using the
/api/v1/voteendpoint. The details can be found in the request mapping for this endpoint.
- Users can upvote or downvote posts and comments. The voting functionality is implemented using the
-
System Alerts:
- Important system-wide alerts and announcements are communicated through notifications.
...
Codersquare offers a hybrid experience, combining elements of news sites like Hackernews or Reddit with learning sites that curate resources into a course-like experience, similar to Coursera, Udemy, or FreeCodeCamp.