Building Blocks: How a School Management System Taught Me JavaScript

Subash.b — Mon, 02 Nov 2026 07:14:54 +0000

My Journey with JavaScript: Learning Through a School Management System

Learning a new programming language can feel like standing at the base of a steep mountain. When I started with JavaScript, I knew I needed a project that was both practical and simple enough to understand the core foundations. That’s how I decided to build a basic School Management System.

The very first step was tracking student performance. I began by defining marks for five different subjects. From there, I moved on to calculating the total, calculating the average score, and even determining the final grade and percentage. This logical flow helped me see how data can be processed step-by-step.

One of the most interesting things I learned was how JavaScript handles operators. Coming from a background where I wasn't sure how equality worked, I was surprised to find that the single = is actually an assignment operator, while the double == is used for comparison. Understanding these subtle details made the logic much clearer and opened the door to more advanced concepts. Building this simple system was the perfect first step in my developer journey.

**`sms code in js:

`javascript

    let tamil=100;
 let english=100;
 let mat=100;
 let science=100;
 let sociels=95;
 // findresult

 function findresult() {
  if (tamil&gt;=35){
  if (english&gt;=35){
    if (mat&gt;=35){
      if(science&gt;=35){
        if(sociels&gt;=35){
          console.log("pass");
          return "pass";

        }

      }
    }
  }

 }

 }
 // finding total
 function findtotal() {
  let total= tamil + english + mat + science + sociels;
 console.log(total);
 return "total";
 }
 // finding avg

 function findavg(total) {
  let avg = total / 5;
 console.log(avg);
 return "avg";
 }


 // find grade
 function findgrade(avg) {
  if (avg&gt;=90)
 {
  console.log("a");
 }
 else if(avg&gt;=80)
 {
  console.log("b"); 
 }
 else if (avg&gt;=70)
 {
  console.log("c");

 }
 else
 {
  console.log("d");
 }

 }

 // calling function

 let result = findresult();
 if (result == "pass"){
  let total = findtotal();
  let avg = findavg(total);
  let grade = findgrade(avg);
 }

Crave Choice: Designing the UI/UX for a Seamless Food Delivery App" and "How to Build a Modern Food Delivery Application

Subash.b — Tue, 27 Oct 2026 16:51:16 +0000

I'm thrilled to share my latest project, Crave Choice! The goal was to revolutionise the user
experience by focusing on time-specific cravings.
The app features a streamlined sign-in process that immediately divides the user journey into
two distinct sections: Snacks and Food, catering to immediate needs, whether it's a mid-afternoon break or a full meal.
My research included a comprehensive competitor analysis of Swiggy and Zomato. The
analysis revealed that while they offer vast options, they lack specific focus on local
specialities. To resolve this, the interface features dedicated sections highlighting particular
shops known for specific items like coffee or tea.
For the design system, a strict colour palette of red, orange, and green was chosen because
these colours are known to stimulate appetite and excitement. Orange was specifically selected
for its vibrant energy and ability to capture the playful, craving-based intent of the
application.
I am currently open to freelance UI/UX design projects and collaborations. Feel free to reach
out to discuss your design needs.
Post link
linkedin

DEV Community: Subash.b

Building Blocks: How a School Management System Taught Me JavaScript

Crave Choice: Designing the UI/UX for a Seamless Food Delivery App" and "How to Build a Modern Food Delivery Application