A simple website to help you solve one of the hardest math problems in the world: how to make the best arrangement of the seats in a classroom, so no student will sit next to others who they don't like.
- Open the site
- Adjust the room size if needed.
- Add students by clicking the
Add Studentbutton on the right. - Set the students' preferences by clicking the student's card.
- Drag and drop the students' cards to arrange the seats.
- Save the students and seats information by clicking the
Save Databutton. - Delete the saved data by clicking the
Delete Databutton. - Enjoy!
- Design a simple layout for the site
- Let user set the number of students
- Let user customize the students' preferences
- Let user set the number of rows and columns
- Drag & Drop to arrange the seats
- Check available seats for a student and show the result
- Store the students' preferences in the local storage
- Set student display name
- Spread the javascript code into multiple files
- Make the site responsive
- Using data attribute and
onevent(this)to simplify the code