• 

  Next Class landing page

• 

  Upload csv screen

• 

  Configuration Screen

• 

  Classbuild Page

Next Class - Elementary Schools

Inspiration

As both a former teacher and current administrator, I've experienced both sides of the annual classroom placement mess. From a teacher's lens, I dreaded the experience and thought it was always a waste of time. It took forever, we were bound to miss some student factor we didn't think of or see, or end up completely unbalanced in ways we didn't even realize, and it felt like time that could have been automated somehow.

Now as an administrator, I also see this as precious time lost where we could have been offering meaningful professional development or giving time to teachers for planning that will actually impact learning—instead of just shuffling names around on spreadsheets forever. And in reality, a lot of the school sites still do it all by paper cards with student information on them. When a co-worker in my district told me about Bolt.new and the hackathon, I thought it could be a good way to see how far I'd be able to get in building it out.

What it does

Next Class transforms the days-long manual process of building balanced elementary classrooms for the next grade level into an intelligent, minutes-long workflow. Features:

• Intelligent auto-assignment: Upload a CSV of student data, select your school and grade, click "Auto-Assign," and watch as students are distributed across classes while balancing IEP/504 status, English Learners, MTSS needs, reading/math scores, and gender ratios.
• Teacher input integration: Teachers log into their own dashboard to complete surveys about individual students—who works well together, who might benefit from being separated, or other custom admin-created surveys
• Real-time conflict detection: When students who should be separated end up in the same class, they glow red so administrators can quickly resolve issues
• Live statistics: See class demographics update in real-time as you make adjustments
• Multi-school support: Handle multiple schools and grade levels from one platform
• Seamless export: Generate CSV files ready to import into your student information system

It's like having a really smart assistant who never gets tired of reorganizing and actually understands what makes a balanced classroom.

How Ibuilt it

The core of Next Class runs on React 18 with TypeScript, styled with Tailwind CSS, all developed through Bolt.new's environment. Here's the technical foundation:

Authentication & Database: Supabase handles user authentication (including Google OAuth), cloud database storage, and real-time subscriptions. The database stores student records, school configurations, survey responses, and user profiles with links to delete your data as well and row level security.

CSV Processing: Built a robust parsing system using Papaparse that handles various school district data formats, automatically maps common column names, and gracefully handles missing data:

Next Steps

Custom upload types :create an addition to the custom upload page where you can add other columns, map them to data types, and then use those in the prioritization. Custom teacher survey types: create additional data points for teacher surveys outside of the select a student data type

Built With

• bolt.new
• lucidereact
• netlify
• react-context-api
• react18
• supabase
• tailwindcss
• typescript
• vite