StudentSorter

Tool for Teachers needing to create student teams and class seating charts

Comment 4

Inspiration

When April had to create student teams for her extracurricular activities, it took thought to figure out how to divide people into teams. This tool would have made things easy! She also thought back to her school days, when seating arrangements were changed. Since we already were dealing with student lists, why not create a tool for that as well?

What it does

StudentSorter is composed of the following:

  • TeamBuild - Creates teams based on a given team size and a student list, and also considers given banned partner information
  • SeatBuild - Creates a seating chart based on a given number of seat columns and a student list

Within the webapp, users may upload .csv files to populate the student list. They can also add and delete students as well. The results from both pages can be exported by the user.

How we built it

Built using Next.js's "create-next-app", used React Bootstrap for components for the UI, React, Typescript, and deployed using Vercel.

Challenges we ran into

Bootstrapping a multipage react app was more challenging than expected. April had initially started with "create-react-app" but ran into issues.

Accomplishments that I'm proud of

  • April: First time working with Next.JS, React Bootstrap, React, and Vercel! I'm glad I got to use React Bootstrap to layout the UI/UX of this project

What I learned:

  • April: Next.JS is amazing for creating react apps, and Vercel is seamless to use to deploy Next.JS webapps.

Built With

Share this project:

Updates