CodeSynapse

CodeSynapse: The Ultimate Developer Community (CODE-SPHERRE)

---

📋 Table of Contents

1. 🤖 Introduction
2. ⚙️ Tech Stack
3. 🔋 Features
4. 🤸 Quick Start
5. 🤝 Contribute

---

🤖 Introduction

In this full-stack project, you’ll explore and build CodeSynapse—an AI-enhanced, developer-driven platform inspired by Stack Overflow, but with modern innovations like AI-powered responses, gamification, smart recommendations, and an interactive community experience.

Using the latest technologies, CodeSynapse integrates advanced rendering strategies such as SSG, ISR, SSR, Server Functions, Caching, and Revalidation to create a high-performance, production-ready application.

The project leverages MongoDB for a scalable database, NextAuth (Auth.js) for seamless authentication (Email/Password, Google, GitHub), and TailwindCSS with ShadCN UI for a sleek, responsive design.

🔹 Key Features of CodeSynapse:

✅ AI-Powered Answers – Instantly receive AI-generated responses while waiting for community input.
✅ Community-Driven Q&A – Post, answer, and discuss coding questions in a collaborative environment.
✅ Gamification – Earn badges, ranks, and reputation points for contributions.
✅ Smart Recommendations – Get personalized content suggestions based on interests and activity.
✅ Developer Networking – Connect with like-minded developers and explore job opportunities.

With CodeSynapse, developers can ask technical questions, provide insightful answers, upvote/downvote responses, and collaborate on solving real-world problems—all while learning, growing, and contributing to the tech community. 🚀

⚙️ Tech Stack

• Next.js
• TypeScript
• MongoDB
• NextAuth
• ShadCN UI
• Tailwind CSS
• Zod
• React Hook Form
• Open AI

---

🔋 Features

✅ Authentication: Secure sign-in with NextAuth (Google, GitHub, Email/Password).
✅ Ask & Answer: Post technical questions and get AI-powered or community-driven answers.
✅ Upvotes & Downvotes: Rank the best responses.
✅ Bookmarks: Save questions for quick access.
✅ Gamification: Earn badges and reputation points.
✅ Job Finder: Explore jobs tailored to your skillset.
✅ Tag-Based Browsing: Easily filter questions by relevant topics.
✅ AI-Powered Assistance: Use AI to get suggested answers.
✅ Responsive UI: Optimized for desktops, tablets, and mobile devices.

---

🤸 Quick Start

Prerequisites

Ensure you have installed:

• Git
• Node.js
• npm

Clone the Repository

git clone https://github.com/CodeSpherreDev/CodeSynapse.git
cd CodeSynapse

Install Dependencies

npm install

Set Up Environment Variables

Set Up Environment Variables

Create a new file named .env in the root of your project and add the following content:

# Mongodb
MONGODB_URI=

# OpenAI
OPENAI_API_KEY=

# Rapid API
NEXT_PUBLIC_RAPID_API_KEY=

# Auth
AUTH_GOOGLE_ID=
AUTH_GOOGLE_SECRET=
AUTH_GITHUB_ID=
AUTH_GITHUB_SECRET=
AUTH_SECRET=
NEXTAUTH_URL=

# Tiny Editor
NEXT_PUBLIC_TINY_EDITOR_API_KEY=

NEXT_PUBLIC_SERVER_URL=

NODE_ENV=

Replace placeholders with your actual credentials.

Run the Project

npm run dev

Visit http://localhost:3000 in your browser.