Teachers are always making learning easier for students so that they can excel, but sometimes it becomes tough while explaining a code, where the problem can have multiple code solutions from brute force to optimal trade offs, and also difficult for students to ask doubts on a particular line of code to why a particular line is written, A platform where the coding and interaction can be made easier and fun is much needed.
CodeBoard is a website solely designed for Teachers and Students, to make learning fun and easy.
 |
|---|
| Doubt Section |
-
The editing code feature can be handled both by Teacher and students so that student can also give the input and can make the code optimal.
-
Ask a doubt in doubt section would let teacher know on which line the student has a doubt.
-
We have designed our code collab page in such a way that its convinient for teachers as well as students to learn and ask their doubts.
-
Students just need to enter the Code Room Unique Id Shared by their Teachers and can get in and learn without any hindrance.
-
All the joinies will get alert toaster regarding events like joining of a new member or someone asked a doubt, so that everyone can see what is happening!
- We used ReactJS for the website.
- We use CodeMirror library to integrate the code editor.
- We use socket.io for real-time changes in a room.
- We use Express.js to build our backend server.
- We used Figma to make the designs for the website.
- We used heroku for the deployement.
We had a problem while connecting users into socket, after carefully understanding from the documentation we were able to accomplish the task.
We are elated to use Github for hosting it. We have used the feature of Github available. We have a team of 50% first-time hackers and each of them tried their best to contribute we are proud that we completed every aspect as we thought of for the project.
 |
 |
|---|---|
| PR Merged | Completed Issues |
We learned to team management, and each and everyone was assigned a task that they completed amazingly, and the experience from the ideation, prototyping and presentation made us learn very new things. Apart from that, we learned the push notifications concept, reactjs, and a lot more.
- Adding Test Cases features with quick compilation so that a Teacher can add test cases and can better judge student's code.
- TImer with different themes of editors, making coding fun for everyone.
 |
 |
 |
|---|---|---|
| DarkMode | Light Mode | Code Collab Page |
We are using GitHub for the following reasons:
- Collaboration: GitHub makes it easy to share code with others and helps a lot in collaboration.
- Using lables: We have team of frontend, backend, content-writer, UI, we have used label in the issues for the respective work.
- Using PRs and Issues: We are doing multiple PRs and building multiple issues to keep on track of the project.
- Domain Name We choose is http://not-a-fish-market-anymore.us/
- Frontend: ReactJs, SocketIO
- Backend: Express
- Version Control: Git and GitHub
- Hosting: Heroku
- Code Editor and tools: VS Code
