CodeRactives

Project Title

CodeRactives

Project Area of Specialization Computer ScienceProject Summary

The main idea behind the proposed system is to enable users to interact with each other and to allow peer to peer learning. The major goal is to blend two distinct ideas, specifically social networks and remote learning, in order to give learners with a platform that offers the best of both worlds. User involvement is a major issue in today's systems, which affects the majority of them. The proposed approach promotes peer-to-peer knowledge and information sharing, hence minimizing the total requirement for a teacher or instructor.

The website allows the user to sign up and make a profile that includes certain features according to the data provided by the user. Afterwards they can collaborate with their peers, be part of different communities and contribute towards these communities by participating in any events or adding research to an ongoing topic. The underlying system includes a smart recommendation feature that suggests other students based on the same interests and ongoing courses. A profile is a must in order to navigate through the website. Additional features such as a real-time chat environment is also provided to enable more effective communication and also group/team channels to encourage team collaboration. This web application will help students and teachers tremendously.

Project Objectives

1. The proposed system aims to provide quality of learning and teaching, meet the needs of the students and learning style. As it is an effective strategy to give an instant access to the students which can help them to become passionate in their studies and to improve their skills with ease.
2. IDE for different programming languages which can help them to stay on top of their programming skills and practices.
3. The project aims to make learning easy and interactive for everyone.
4. Improve user-accessibility and time flexibility to engage learners in the learning process.
5. Help students in setting the right goals as our system provokes the student to participate along with the lecture and practice to achieve great results.

Project Implementation Method

Our system helps students learn coding or learn in general interactively. Firstly, instructor will record their actions such as audio, keyboard typing, markers for syncing up the audio in the video. The prompts can be provided to the instructor on certain markers, so that they can read those according to the marker in video and synchronize their audio efficiently and accordingly. the system will then provide a button to download the audio file along with the markers timed with the audio.

Once the video has been composed with the necessary recordings, the student can view the lesson just like a static video except that they can interact within it. The elements within the video will be interactable because this “video” is not an mp4 file. It is a combination of HTML, CSS and JavaScript coming together to form an illusion of a video. The chat system will be developed using APIs in order to make the development process faster.

Our system helps students learn coding or learn in general interactively. Firstly, instructor will record their actions such as audio, keyboard typing, markers for syncing up the audio in the video. The prompts can be provided to the instructor on certain markers, so that they can read those according to the marker in video and synchronize their audio efficiently and accordingly. the system will then provide a button to download the audio file along with the markers timed with the audio.

Once the video has been composed with the necessary recordings, the student can view the lesson just like a static video except that they can interact within it. The elements within the video will be interactable because this “video” is not an mp4 file. It is a combination of HTML, CSS and JavaScript coming together to form an illusion of a video. The chat system will be developed using APIs in order to make the development process faster.

Benefits of the Project

• Interactive tutorials will enhance the learning process of students.
• Due to the interactive nature of the tutorials, the students will not have to consistently switch between tabs and applications just to learn along with the instructor.
• This system will provide the platform to edit, learn, test everything right in one spot. Which will be efficient on storage resources.
• The participation of the student will vastly increase as they can practice right then and there, resulting in increased learning.
• The users can access the application from wherever they want.
• The interaction with students will also increase for instructors. The instructors will be able to make students participate more effectively using this new form of tutorials type.
• The chat system will be available if students have extra queries for instructors.

Technical Details of Final Deliverable

The final deliverable of " CodeRactives" will be a web application developed using MERN stack. We will use Liqvid library to record user’s actions such as keyboard typing, audio, and stylus drawing etc. The API approach will b e used to integrate the backend and frontend together. React Js will be used for frontend and for backend, Express Js will be used. The Mongodb database will be used for user data preservation. Typescript and JavaScript will be primarily used.

Final Deliverable of the Project Software SystemCore Industry EducationOther Industries IT Core Technology OthersOther TechnologiesSustainable Development Goals Quality EducationRequired Resources

Elapsed time in (days or weeks or month or quarter) since start of the project	Milestone	Deliverable
Month 1	Screens (Login and Sign up)	Complete user interfaces for both type of users.
Month 2	Sign up and email verification (Students and Instructors)	Sign up and email verification (Students and Instructors)
Month 3	Chat System	Chat system for both students and instructors.
Month 4	Courses List Screen	A view for both students and instructors to navigate between the courses.
Month 5	Login and signup with backend.	Actual validation with the database for authorization.
Month 6	Video recording tools	The instructors will be able to record human actions such as audio, keyboard, stylus drawings that involves strokes and drags etc.
Month 7	Student view of the interactive videos.	The students will be able to view those recordings but without the access to recording tools.
Month 8	Multi-file recordings in coding tutorials.	A file manager within the video will be provided for both students and instructors in order to work on different files such as in a scenario of a coding tutorial, users will want to work on different files.
Month 9	Testing	Overall system testing will be performed.