🚀 CodeCrew

The Developer Collaboration Platform

Find your team. Ship your ideas. Build the future.

---

✨ What is CodeCrew?

CodeCrew is a full-stack developer collaboration platform where developers can post projects, find skilled teammates, send join requests, manage teams, and chat in real time, all in one place.

No LinkedIn spam. No cold DMs. Just developers who want to ship real things.

---

🔥 Features

Feature	Description
🔐 Authentication	Secure JWT-based login & register with httpOnly cookies
🖼️ Profile Pics	Upload profile pictures via Cloudinary
📋 Post Projects	Create collaboration posts with tech stack, team size, type
🔍 Explore	Discover open projects with search & filters
📨 Join Requests	Apply to projects, track request status
👥 Team Management	View team members, roles, skills
💬 Real-time Chat	Socket.IO powered team chat per project
📱 Responsive	Works on all devices

---

🛠️ Tech Stack

Frontend

⚡ React 18          — UI Library
🎨 Tailwind CSS      — Styling
🎭 Framer Motion     — Animations
🔄 React Router v6   — Navigation
📡 Axios             — API Calls
🔌 Socket.IO Client  — Real-time Chat
☁️ Deployed on Vercel

Backend

🟢 Node.js + Express  — Server & REST API
🍃 MongoDB + Mongoose — Database
🔑 JWT                — Authentication
🔒 Bcrypt             — Password Hashing
📁 Multer             — File Uploads
☁️ Cloudinary         — Image Storage
⚡ Socket.IO          — Real-time WebSockets
☁️ Deployed on Render

---

🏗️ Architecture

┌─────────────────────┐         ┌──────────────────────┐
│                     │  HTTPS  │                      │
│   React Frontend    │◄───────►│   Express Backend    │
│   (Vercel)          │   API   │   (Render)           │
│                     │         │                      │
└─────────────────────┘         └──────────┬───────────┘
         │                                 │
         │         WebSocket               │
         └────────────Socket.IO────────────┤
                                           │
                                  ┌────────▼────────┐
                                  │                 │
                                  │    MongoDB      │
                                  │   + Cloudinary  │
                                  │                 │
                                  └─────────────────┘

---

🚀 Getting Started

Prerequisites

• Node.js v18+
• MongoDB
• Cloudinary Account

Clone the Repository

git clone https://github.com/mukeshraju2006/CodeCrew.git
cd CodeCrew

Setup Frontend

cd my-react-app
npm install

Create a .env file in the frontend root (refer to .env.example), then run:

npm run dev

Setup Backend

cd NullChapter_Backend
npm install

Create a .env file in the backend root (refer to .env.example), then run:

npm run dev

---

📁 Environment Variables

Both frontend and backend require environment variables to run.

Check the .env.example files in each folder for the required keys.

⚠️ Never commit your .env files. They are already included in .gitignore.

---

📸 Pages

/ .............. Landing Page
/register ...... Register
/login ......... Login
/dashboard ..... Dashboard
/explore ....... Explore Projects
/create ........ Create Project
/projects/:id .. Project Details
/profile ....... My Profile
/myposts ....... My Posts
/my-requests ... My Requests
/my-teams ...... My Teams
/team/:id ...... Team Details
/team/:id/chat . Team Chat 💬

---

🌊 How It Works

1. Register with profile picture → Saved to Cloudinary
2. Post a project or explore existing ones
3. Send a join request with your contribution pitch
4. Project owner reviews your profile & accepts/rejects
5. Get added to the team → Access team chat
6. Build together in real time 🚀

---

👨‍💻 Team

Mukesh Raju Frontend Developer @mukeshraju2006

Divyansh Giri Backend Developer @divyanshgiri-sudo

---

Built with ❤️ by Mukesh & Divyansh

If you liked this project, give it a ⭐ on GitHub!