Giter VIP home page Giter VIP logo

studentsorter's Introduction

StudentSorter

StudentSorter was built on October 20th-22nd, 2023 for BeaverHack's Fall 2023 "Hack Education" Hackathon. The devpost can be found here

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.

This is a Next.js project bootstrapped with create-next-app.

Live Website:

Play with the webapp here, hosted on Vercel.

  • You can test the "Choose File" and "Upload CSV" functionality with the "example_csv.csv" file provided in the "data" folder to start! Don't worry about deleting the default students provided, those will be cleared by importing new data.
  • Or play around with the default students, add your own using the "Add Student" button, the webapp is your oyster!

Installation/User Guide:

First, verify that you have npm installed with

npm --version

(you should see some number; if an error occurs, install npm).

Then clone this repository:

git clone https://github.com/xiaolongbytes/StudentSorter.git
cd StudentSorter

Install dependencies from the package-lock.json file

npm ci

To run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the result.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

studentsorter's People

Contributors

xiaolongbytes avatar tyler1588 avatar ytraiba avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.