Skip to content

Vikashhazarika/Zcoder

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ZCODER

🔗 Live Website: https://z-coder.vercel.app

ZCoder is an innovative platform designed to enhance the coding experience through personalized profiles, collaborative learning, and interactive features. Users can create unique profiles that showcase their coding identity, allowing them to connect with like-minded individuals in the community. The platform offers a comprehensive suite of tools aimed at fostering engagement and knowledge sharing among users, including the ability to upload coding problems, submit solutions, and provide reviews and feedback on both. Each problem is accompanied by a dedicated discussion room with real-time communication, enabling collaborative problem-solving.

ZCoder also features the Ask AI tool, which leverages Groq AI to simulate a personalized learning experience, helping users solve problems and enhance their understanding with AI-driven insights. Additionally, the platform includes a "Hire Collaborator" function, allowing users to connect with others based on the skills showcased in their profiles and form collaborative teams for projects.

For beginners and competitive programmers, ZCoder offers a dedicated section that tracks upcoming Codeforces contests, ensuring users stay updated on competitions. There's also an "Important Links" section, curated to help users kickstart their journey into software development, providing valuable resources to guide them through learning and advancing their skills. With real-time communication integrated throughout, ZCoder facilitates seamless interaction between users to exchange knowledge, learn, and grow together.

Key Features:

- Personalized Profiles:

Craft your unique coding identity with customizable profiles. Connect with other users and build a network of coding enthusiasts.

- Collaborative Learning:

Engage in a dynamic learning environment by commenting on each other's solutions, uploading coding problems and solutions, and exchanging feedback. ZCoder promotes a community-driven approach to problem-solving and continuous learning.

- Comprehensive Calendar:

Stay informed about upcoming coding contests, especially for competitive programmers, with the integrated calendar feature. Never miss an opportunity to test your skills and participate in exciting challenges, including tracking Codeforces contests.

- Rooms:

Interact with fellow users in dedicated rooms. Whether for problem discussions, study groups, project collaborations, or casual discussions, these spaces facilitate meaningful interactions and community building with real-time communication for seamless collaboration.

- Hire Collaborator:

Leverage the "Hire Collaborator" feature to connect with users based on their skills and work together as a team. This tool helps form collaborative teams for projects, offering a unique way to engage in team-based problem-solving.

-Ask AI:

Enhance your learning with the Ask AI feature, powered by Groq AI. Simulate an interactive learning experience and gain insights from AI to help tackle coding problems and improve your understanding.

- Important Links Section:

For beginners and those looking to enhance their software development skills, ZCoder provides an "Important Links" section filled with curated resources to help kickstart your journey into the world of coding and development.

ZCoder aims to create a holistic environment where coders can grow, collaborate, and excel in their coding journeys.

Tech Stack Used:

FrontEnd: JavaScript, React, Material UI, CSS, State management using recoil

BackEnd: JavaScript, Node, Express, Socket.io, BcryptJs, JWT, OAuth 2.0

Database: MongoDb, Mongoose

Run Locally:

Clone the project

  git clone https://github.com/RishiTirpude19/ZCoder.git

Go to the project directory

  cd ZCoder

Install dependencies

  npm install

Go to the BackEnd directory

  cd backend

Install BackEnd dependencies

  npm install

Go to the FrontEnd directory

  cd frontend

Install FrontEnd dependencies

  npm install

Start the application from the root directory

  npm run dev

The command will simultaneously start the frontend and the backend on the link http://localhost:5173/ with properly integrated server APIs.

Screenshots

Landing Page:

App Screenshot

Sign In Page:

App Screenshot

Sign Up Page:

App Screenshot

Dashboard:

App Screenshot

Add New Solution

App Screenshot

Codeforces Contest Calendar:

App Screenshot

Profile Page:

App Screenshot

Ask AI Page:

App Screenshot

Important Links:

App Screenshot

Problem Statement:

App Screenshot

Review Page:

App Screenshot

Add Reviews

App Screenshot

Update User Profile:

App Screenshot

Chat Page:

App Screenshot

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published