Skip to content

README.md

Latest commit

 

History

History
121 lines (80 loc) · 3.59 KB

README.md

File metadata and controls

121 lines (80 loc) · 3.59 KB

🚀 ZCoder – A Collaborative Coding Platform

Live Demo YouTube Demo

✨ Overview

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.

🎯 Goals

  • 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.

🔥 Features

  • 👤 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.

🛠 Tech Stack / Frameworks

Layer Technologies
Frontend HTML, CSS, Tailwind, React.js, Next.js
Backend Node.js, Express.js
Database MongoDB (MongoDB Atlas)
Real-Time WebSockets

📦 How to Setup the Project (Run Locally)

# 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!

🌐 Deployment

🧪 Problem Statement

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.

👥 Contributors

Built with ❤️ by:

Name GitHub Handle
🌸 Kritika Shree @shreespace
💡 Himanshi Aggarwal @Himanshi-77
🎨 Shreya Paul @shreyapaul

🔮 Future Scope

  • 🔐 Google/GitHub OAuth login
  • 📈 Personalized dashboard with performance stats
  • 🧠 AI-powered problem suggestions
  • 🏆 Badge and reward system
  • 🎙️ Voice chat in interactive rooms

📄 License

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.”