ZCoder is a collaborative coding platform that enhances learning through interaction and personalization. Users can create profiles, bookmark coding problems with solutions, and engage with others through comments and feedback.
With features like a live code editor and interactive rooms, ZCoder makes coding practice social, efficient, and fun.
- Personalized Profiles – Allow users to build a unique coding identity and connect with peers.
- Collaborative Learning – Enable users to share solutions, give feedback, and learn from one another.
- Efficient Practice – Streamline coding practice with accessible tools and saved resources.
- 👤 User Profiles Section – Store your saved problems, solutions, and contributions.
- 🔖 Code Bookmarking – Save and tag problems by topic for organized practice.
- 💬 Comments and Feedback – Engage with other coders and exchange insights.
- 💻 Live Code Editor – Run and test code directly in the browser.
- 🧑🤝🧑 Interactive Rooms – Collaborate with others in real-time for peer learning.
| Layer | Technologies |
|---|---|
| Frontend | HTML, CSS, Tailwind, React.js, Next.js |
| Backend | Node.js, Express.js |
| Database | MongoDB (MongoDB Atlas) |
| Real-Time | WebSockets |
# 1. Clone the repository
git clone https://github.com/Himanshi-77/Zcoder.git
cd Zcoder
# 2. Open the project in VS Code
code .
# 3. Start the Frontend
cd frontend-next
npm install
npm run dev
# → Frontend runs on http://localhost:3000
# 4. Start the Backend
cd ../backend
npm install
node index.js
# → Backend runs on port 5050
# 5. Open your browser and visit:
http://localhost:3000
# 6. Sign up and log in to start using ZCoder!- 🔗 Live App: https://zcoder-gamma.vercel.app
- 📽️ Demo Video: Watch on YouTube
Build a collaborative coding ecosystem that:
- Encourages efficient and structured practice
- Builds community through shared learning
- Makes it easy to manage and revisit past problems
ZCoder provides a space for users to solve, save, and share code in a personalized and collaborative manner.
Built with ❤️ by:
| Name | GitHub Handle |
|---|---|
| 🌸 Kritika Shree | @shreespace |
| 💡 Himanshi Aggarwal | @Himanshi-77 |
| 🎨 Shreya Paul | @shreyapaul |
- 🔐 Google/GitHub OAuth login
- 📈 Personalized dashboard with performance stats
- 🧠 AI-powered problem suggestions
- 🏆 Badge and reward system
- 🎙️ Voice chat in interactive rooms
This project is licensed under the MIT License. Feel free to use and contribute!
“ZCoder isn’t just a platform. It’s a place where coders connect, collaborate, and create together.”