CodeFlow

Introduction

CodeFlow is the brainchild of a team of passionate developers who came together during a Construct Week, a dedicated period for intensive collaboration and innovation. Fueled by a shared vision to create a cutting-edge coding platform, our journey began with a commitment to push the boundaries of what's possible in the world of coding.

Project Type

Fullstack

Deployed App

Frontend: Codeflow App
Backend: Codeflow Sever
Database: Codeflow

Directory Structure

CodeFlow/
├─ CodeFlow/
├─ Server/
├─ ReadMe.md

Features

• Real-time code compiler for HTML, CSS, Javascript
• Live preview of code changes
• Solving coding challenges in multiple languages
• Coding challenges and competitions
• Code submissions, points.

Video Walkthrough of the project

Video Presentation

Installation & Getting started

Detailed instructions on how to install, configure, and get the project running. For BE/FS projects, guide the reviewer how to check mongodb schema etc.

Application

git clone https://github.com/Vinay-the-dev-bot/CodeFlow.git
cd CodeFlow
npm i
npm run dev

Run Server Locally

git clone https://github.com/Vinay-the-dev-bot/CodeFlow.git
cd Server
npm i
npm run server

APIs Used

Judge0 Compiler hosted on RapidAPI Judge

Project Screenshots

• Home:

• Sign Up:

• Log In:

• HTML Compiler:

• Contest:

• Solve:

• Dashboard:

• My Submission:

• Admin:

• Add Questions:

Credentials

Admin Access :
Email : [email protected]
Password : geetesh

User Access :
Email : [email protected]
Password : 123456

Technology Stack

• Frontend: React, Chakra UI, React-Reduc, M-UI, Tailwind
• Backend: Node.js, Express.js, Mongoose
• Database: MongoDB
• Authentication: JWT
• Deployment: render and vercel for frontend and backend