Forem

Cover image for Enrolling Students - Building SaaS #64
Matt Layman
Matt Layman

Posted on • Originally published at mattlayman.com

2 1

Enrolling Students - Building SaaS #64

In this episode, we worked on a view to enroll students into a grade level for the school year. I added all the context data and used Tailwind to design the form layout to pick from a list of available grade levels. We added a variety of unit tests to prove the correctness.

The enrollment page needed three pieces of data in the context to complete the form. We added the student, school_year, and grade_levels data to the context and wrote tests to show the data in there. We also protected that data from any erroneous access by another user.

When the data was set, we worked on the template for the form. I set the header to make the enrollment action clear and created the radio input selectors to show the different grade level options. We cleaned up the design and user experience by including some Tailwind CSS classes which made the radio inputs much easier to select.

At the end of the stream, we wrote the happy path test for the POST request to prove that the enrollment record exists after submission.

This article first appeared on mattlayman.com.

Image of Datadog

The Essential Toolkit for Front-end Developers

Take a user-centric approach to front-end monitoring that evolves alongside increasingly complex frameworks and single-page applications.

Get The Kit

Top comments (0)

Image of Datadog

Create and maintain end-to-end frontend tests

Learn best practices on creating frontend tests, testing on-premise apps, integrating tests into your CI/CD pipeline, and using Datadog’s testing tunnel.

Download The Guide

👋 Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay