Student-Ranker Tailwind Templates

Student Ranker

A web app to help teachers sort students by their marks, with shared ranks for students having the same marks. Built with HTML, CSS, JavaScript, and Tailwind CSS.

Student Ranker 🎓

Description:

This is my first project to help people. My aunt once asked me to help her in sorting the names of her students based on their marks. She's a teacher, so I thought of making a web app to assist her.

Features:
  • Sort students by marks
  • If students get the same mark, the rank will be shared, and the next rank will be eliminated
Technologies Used:
  • HTML
  • CSS
  • JavaScript
  • Tailwind CSS
  • Figma (for designing the prototype)
Setup Instructions:
  1. Add student names in any order.
  2. Tap the "Add" button to add the next student.
  3. At the end, submit to get a sorted student list.
Usage:

Open the link to the page: [https://rai-shwith.github.io/Student-Ranker/]

Contributing:

Feedback is welcome! Please provide your feedback on GitHub.

License:

No license.

Screenshots:

Desktop Entering info Mobile Entering info Desktop sorted Mobile sorted

Contact Information:

Top categories

Loading Svelte Themes