CGPA Calculator

CGPA Calculator

CGPA Calculator

CGPA Calculator

NextJS Web App

NextJS Web App

NextJS Web App

NextJS Web App

Web App displayed in safari
Web App displayed in safari
Web App displayed in safari
Web App displayed in safari

Overview

Overview

The CGPA Calculator is a robust web application developed using NextJS, designed to help college students accurately calculate their GPA for each semester and their cumulative GPA (CGPA) over their entire academic journey. By simply entering their grades and the corresponding credits for each subject, students can get precise calculations, making it easier for them to track their academic performance and plan their studies accordingly. The application is intuitive and user-friendly, ensuring that students spend less time calculating and more time focusing on their studies.

The CGPA Calculator is a robust web application developed using NextJS, designed to help college students accurately calculate their GPA for each semester and their cumulative GPA (CGPA) over their entire academic journey. By simply entering their grades and the corresponding credits for each subject, students can get precise calculations, making it easier for them to track their academic performance and plan their studies accordingly. The application is intuitive and user-friendly, ensuring that students spend less time calculating and more time focusing on their studies.

The CGPA Calculator is a robust web application developed using NextJS, designed to help college students accurately calculate their GPA for each semester and their cumulative GPA (CGPA) over their entire academic journey. By simply entering their grades and the corresponding credits for each subject, students can get precise calculations, making it easier for them to track their academic performance and plan their studies accordingly. The application is intuitive and user-friendly, ensuring that students spend less time calculating and more time focusing on their studies.

To enhance the user experience, the UI of the CGPA Calculator is built with shadcn/ui, providing a clean, modern, and responsive design. This choice of UI framework ensures that the application is not only functional but also aesthetically pleasing and easy to navigate. Whether accessed on a desktop or a mobile device, the CGPA Calculator offers a seamless experience, making it an essential tool for any college student aiming to keep track of their academic achievements.

To enhance the user experience, the UI of the CGPA Calculator is built with shadcn/ui, providing a clean, modern, and responsive design. This choice of UI framework ensures that the application is not only functional but also aesthetically pleasing and easy to navigate. Whether accessed on a desktop or a mobile device, the CGPA Calculator offers a seamless experience, making it an essential tool for any college student aiming to keep track of their academic achievements.

To enhance the user experience, the UI of the CGPA Calculator is built with shadcn/ui, providing a clean, modern, and responsive design. This choice of UI framework ensures that the application is not only functional but also aesthetically pleasing and easy to navigate. Whether accessed on a desktop or a mobile device, the CGPA Calculator offers a seamless experience, making it an essential tool for any college student aiming to keep track of their academic achievements.

Features

Features

GPA Calculation Allows students to input their grades and credits for each subject to calculate their GPA for the current semester accurately.

CGPA Calculation Enables students to track their overall academic performance by calculating their cumulative GPA across multiple semesters.

User-Friendly Interface Built with shadcn/ui, the application features a clean and intuitive interface that is easy to navigate, enhancing the user experience.

Responsive Design The application is designed to be fully responsive, ensuring optimal functionality and appearance on both desktop and mobile devices, adapting seamlessly to different screen sizes.

Dark Mode and Light Mode Support Offers both dark and light mode options, allowing users to switch between modes based on their preference or environmental lighting conditions, reducing eye strain.

Error Handling Includes robust error handling to manage invalid inputs and guide users to correct any mistakes, ensuring accurate calculations.

GPA Calculation Allows students to input their grades and credits for each subject to calculate their GPA for the current semester accurately.

CGPA Calculation Enables students to track their overall academic performance by calculating their cumulative GPA across multiple semesters.

User-Friendly Interface Built with shadcn/ui, the application features a clean and intuitive interface that is easy to navigate, enhancing the user experience.

Responsive Design The application is designed to be fully responsive, ensuring optimal functionality and appearance on both desktop and mobile devices, adapting seamlessly to different screen sizes.

Dark Mode and Light Mode Support Offers both dark and light mode options, allowing users to switch between modes based on their preference or environmental lighting conditions, reducing eye strain.

Error Handling Includes robust error handling to manage invalid inputs and guide users to correct any mistakes, ensuring accurate calculations.

GPA Calculation Allows students to input their grades and credits for each subject to calculate their GPA for the current semester accurately.

CGPA Calculation Enables students to track their overall academic performance by calculating their cumulative GPA across multiple semesters.

User-Friendly Interface Built with shadcn/ui, the application features a clean and intuitive interface that is easy to navigate, enhancing the user experience.

Responsive Design The application is designed to be fully responsive, ensuring optimal functionality and appearance on both desktop and mobile devices, adapting seamlessly to different screen sizes.

Dark Mode and Light Mode Support Offers both dark and light mode options, allowing users to switch between modes based on their preference or environmental lighting conditions, reducing eye strain.

Error Handling Includes robust error handling to manage invalid inputs and guide users to correct any mistakes, ensuring accurate calculations.

Tech Stack

Figma

Design Tool

NextJS

React Framework

Visual Studio Code

IDE

Tech Stack

Figma

Design Tool

NextJS

React Framework

Visual Studio Code

IDE

Tech Stack

Figma

Design Tool

NextJS

React Framework

Visual Studio Code

IDE

Tech Stack

Figma

Design Tool

NextJS

React Framework

Visual Studio Code

IDE

Created

Created

2024

Visit Website

Visit Website

App in Mobile Breakpoint
App in Mobile Breakpoint
App in Mobile Breakpoint
App in Mobile Breakpoint
Different screens in mobile
Different screens in mobile
Different screens in mobile
Screenshot of the app
Screenshot of the app
Screenshot of the app
Screenshot of the app

Next Project

Next Project

Next Project

G Album

G Album

G Album

->

->

->

Beny Dishon © 2024

Beny Dishon © 2024

Beny Dishon © 2024