freecodecamp/classroom-mode-archived

FCC Classroom Mode

Mission

Freecodecamp started out as an individual experience. But more and more teachers are using it to teach groups of students at a time. There is also an increasing number of study groups forming around freecodecamp. However, freecodecamp was not built with the group experience in mind. The goal of this project is to serve teachers and study groups.

You can view the interactive prototype for our MVP here

Vision

It’s 10pm at night, you’re in a remote town, you should be able to log on virtually and code with a community.

We envision a multitude of communities around the world empowering themselves to learn coding. Our goal is to foster community learning.

Values

We strive to create a supportive learning environment for our contributors where they can find mentors as well as mentor others. We do this by encouraging pair programming as well as group coding sessions over zoom.

We take a data driven approach towards designing this product based on user feedback. We practice the principles of Lean Startup.

Contributing

We welcome pull-requests from freecodecamp campers. Please follow these steps to contribute.

License

Copyright (c) 2018 freeCodeCamp.

The computer software in this repository is licensed under the BSD-3-Clause.

classroom-mode-archived's Issues

Add intro about vision of the project

Hi there!

I struggled to understand why classroom-mode existed, and what it does after reading the current README.

https://devpost.com/software/freecodecamp-classroom-mode provides an easy to read summary of the project, how about adding (parts) of it to the README?

Fix Duplicate Student Creation

In our current add student form, it's possible for user to create duplicate students by simply clicking the submit button twice.

Need to ensure we have both client side tweak and enforce this on server side.

Fix 500 Error When Adding Duplicate users

Hook up the form with the express route and database

Teacher can reset a student's new submission count

In the existing wireframe, the teacher can view a student's code and then mark the code as complete or "needs fixing". However, we cannot build a student solution screen yet. In the meantime, we still need some other way to reset the student submission count.

Add description, website, and topics

Currently GH says: "No description, website, or topics provided." Anyone with admin on your repo (not me) can add a tagline, and topics.

Display all relevant information on a page

Detect days inactive and last submission

Teacher can login / logout

Currently, the app has not authentication system. When the app loads, the user is already able to view the list of students and add new students. We need to allow individual teachers to login and view the students that are in their specific class.

This ticket will solve only the first step which is to allow login. This ticket does not need to implement the separation of classes.

Discussion: Should we use password login or password-less login (oauth)?

Improve server unit tests to not rely on scraper responses

Move test related library to devDependencies

Do not need to install package like mocha chai in production

Style the class table

Follow the wireframe.

Setup Travis CI

Teacher can view their own class only

Application can handle multiple classes.
Currently the class table show all students in the entire database.
The teacher should only be able to view the students in their own class.

Teacher can only have one class.

Write unit test for database singleton logic

Add at least one unit test for react components

Teacher can view the new submission challenge title

When the feature clicks on the number of new submission, the user will be redirect to a page where display all the challenges title.

TODO: run this idea by Udie.

Configure Snyk

Helps to keep track of vulnerable dependencies.

This is the config we use in open-api https://github.com/freeCodeCamp/open-api/blob/staging/.snyk

Deploy react-exress stack to production (Heroku)

Nav bar

Follow wireframe with this link https://projects.invisionapp.com/share/J3C03W2SX#/screens/237080320

Class Table should re-render upon student creation

Class Table currently requires browser to be refreshed to see an added student.

Adapt to async await and add edit student BE test

https://github.com/freeCodeCamp/classroom-mode/tree/fa8cf1be91d4c2abd5a939386e947ab927799b24/server/controllers/studentController.js#L30-L58

https://github.com/freeCodeCamp/classroom-mode/tree/fa8cf1be91d4c2abd5a939386e947ab927799b24/server/controllers/studentController.js#L135-L168

React student form test enhancement

• Delete the DB_URI test and replace with logging statements to remind developer to set the DB_URI.
• Improve add-student-form test by testing the behavior itself instead the internal details (can we test user clicks instead of calling the open function? Can we test the relevant css changes instead of state changes?)
• submit functionality is not completely tested. Also test the request that is sent on submit. And test whether the component properly handles an error response from server.
• test what it renders. Right now we only test that it renders a div which is not enough.

Write one unit test

Format student data as a table

Ping Tom's Scraper

Fix skipped AddStudentForm.test.js

https://github.com/freeCodeCamp/classroom-mode/blob/48c746c0f13e62b337a07dea07b0c830805ed90e/client/src/__test__/AddStudentForm.test.js#L64-L86

Figure out good development workflow vs. production workflow

Create form to allow user to input fields for new student

Add LICENSE

AFAIK should be BSD 3-Clause License. See https://github.com/freeCodeCamp/open-api/blob/staging/LICENSE

Teacher can edit students

Refer https://projects.invisionapp.com/share/J3C03W2SX#/screens/237080322

Nice to have: Modal to edit students?

Teacher can remove student from class table

Refer to https://projects.invisionapp.com/share/J3C03W2SX#/screens/237080322

Nice to have: Confirmation msg for user

MobX and loading component

Hello,

I feel this app to be a little slow. When I click on the submit it doesn't give me any feedback. I would like to configure MobX for our store using decorators.

I won't eject but I have a little trick to do this. So when I tackle: #58 I would use MobX for these types of actions. Trust me, it's beautiful and super fun to use.

I want to get instant feedback. Thoughts?

Fix Invalid server/test/addStudentTest.js

Change these to any valid and test will still pass

https://github.com/freeCodeCamp/classroom-mode/blob/b7e9b4f87d6ff3f063c40988342bbc1a40dc9e1d/server/test/addStudentTest.js#L22
https://github.com/freeCodeCamp/classroom-mode/blob/b7e9b4f87d6ff3f063c40988342bbc1a40dc9e1d/server/test/addStudentTest.js#L35
https://github.com/freeCodeCamp/classroom-mode/blob/b7e9b4f87d6ff3f063c40988342bbc1a40dc9e1d/server/test/addStudentTest.js#L54

Promote to Contributor.

Hello,

Few things. My blocker to get some work done is I cannot merge in my Pull Requests. I've clearly shown some interest in this project.

I want to ask if I could be a Contributor on this project. Whats the best way we can communicate as a team?

Save student upon add student form submission

need to save first name, last name, freecodecamp username, email, and note.

Add issue templates

See https://github.com/freeCodeCamp/open-api/tree/staging/.github

Integrate with Open API on verifying user

Detect new submission

Setup Database

Still developed?

I want to set up a version of this for a web development class I teach what would be the best way to get started?

Goals For Classroom Mode

Hello,

I've spent some time today working on this which is awesome. However; I still don't know what the big picture for this project is?

Reviewing: https://projects.invisionapp.com/share/J3C03W2SX#/screens/237080318 I can see maybe there is a integration with FreeCodeCamp and if I wanted to mentor 10 students I could become a teacher and do code reviews?

Form validation for adding a new student

Move the validation logic for student creation into model

Currently, when you create a new student, the server/routes/addStudent.js file handles all of the creation logic, including validating the student object fields (like email, username, etc). This is not a great design. Ideally, the validation for the student object fields should happen inside of a student model instead.

In this way, we will have a separation of concerns between addStudent.js (which should be our controller) and the student model.

Fetch student data and dump onto the page

Configure commit lint

Helps to keep the commit logs tidy. Config at open-api: https://github.com/freeCodeCamp/open-api/blob/staging/commitlint.config.js