14 February 2024 - 29 February 2024

Code Warriors

Web Dev
Full Stack
Code Warriors

Tech Stack

Next.js
Javascript
TailwindCSS
Socket.io
NextAuth
Markdown

Description

Code Warriors is a comprehensive code sharing platform I built for a development competition, featuring real-time communication and community-driven content.

Core features

  • Multi-provider OAuth authentication with Google, Github, Twitter, and Facebook using NextAuth.
  • Real-time chat system built with Socket.io, including friend requests and live messaging.
  • Markdown support for questions, enabling rich code formatting and syntax highlighting.
  • Content hub with articles, tips, and FAQs for the developer community.
  • Admin dashboard for platform management and moderation.

Technical implementation

  • Built with Next.js Pages Router and styled with TailwindCSS.
  • WebSocket integration via Socket.io for real-time features.
  • Markdown parsing and rendering for developer-friendly content creation.

Page Info

Landing Page

  • Platform overview and feature highlights
  • Call-to-action for community registration
Landing PageLanding PageLanding Page

Questions

  • Markdown-supported question posting with code syntax highlighting
  • Community Q&A forum for developers
  • Threading and discussion features
QuestionsQuestionsQuestions

Articles, Tips & FAQs

  • Educational articles and coding tips
  • Frequently asked questions section
  • Community-contributed content
Articles, Tips & FAQsArticles, Tips & FAQsArticles, Tips & FAQsArticles, Tips & FAQs

Real-time Chat & Social

  • Live messaging with Socket.io
  • Friend request system
  • Real-time notifications
Real-time Chat & SocialReal-time Chat & SocialReal-time Chat & Social

Admin Dashboard

  • Content moderation tools
  • User management
  • Platform analytics and monitoring
Admin DashboardAdmin DashboardAdmin DashboardAdmin DashboardAdmin Dashboard