https://github.com/premkrrajbhar/edugrade
EduGrade helps students calculate grades, total marks and percentage by selecting subjects and inputting marks..
https://github.com/premkrrajbhar/edugrade
css3 educational-project edugrade grade-calculator html5 javascript
Last synced: 2 months ago
JSON representation
EduGrade helps students calculate grades, total marks and percentage by selecting subjects and inputting marks..
- Host: GitHub
- URL: https://github.com/premkrrajbhar/edugrade
- Owner: premkrrajbhar
- Created: 2025-01-18T00:31:26.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-02-10T21:05:33.000Z (3 months ago)
- Last Synced: 2025-03-12T11:16:19.529Z (2 months ago)
- Topics: css3, educational-project, edugrade, grade-calculator, html5, javascript
- Language: JavaScript
- Homepage: https://premkrrajbhar.github.io/EduGrade/
- Size: 3.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# EduGrade
EduGrade is a web application designed to help students calculate their grades, total marks and final percentage. With EduGrade, students can select subjects, input their marks, and instantly view their grades, total marks, and overall percentage.
## 🎓 Demo Screenshot
## 🔗 Live Demo
Check out the app live here: **[EduGrade](https://premkrrajbhar.github.io/EduGrade/)**
## 📋 Features
- **Grade Calculation for Subjects**: Input marks for up to five subjects and get an immediate grade based on predefined grading criteria.
- **Total Marks Calculation**: Calculate the total marks out of 500 for all subjects.
- **Percentage Calculation**: Calculate the percentage based on the total marks.
- **Clear Results**: Reset all inputs and results with a single button click.
- **Grading Criteria**: A second page provides detailed grading criteria.
## 🛠️ Technologies Used
- **HTML**: Provides the basic structure of the web app.
- **CSS**: Styles the app and ensures a clean, modern, and responsive layout.
- **JavaScript**: Handles the logic for calculating grades, total marks, and percentages, dynamically updating the results on the page.
## 💻 How to Use
- **Enter Your Marks**: Select your subjects from the dropdown menus and input your marks for each subject (between 0 and 100).
- **Calculate Grade**: Click the "Calculate Grade" button to see your grade for each subject.
- **Calculate Final Marks**: Click the "Calculate Final Marks" button to see your total marks out of 500.
- **Calculate Final Percentage**: Click the "Calculate Final Percentage" button to get your overall percentage.
- **Clear All**: Click the "Clear" button to reset all input fields and results.
## 📂 Project Structure
```
├── README.md
├── assets/
│ ├── favicon/
│ │ └── edugrade-favicon.png
│ └── screenshot/
│ ├── screenshot1.png
│ └── screenshot2.png
├── css/
│ ├── grade.css
│ └── style.css
├── image/
│ └── bg-img.jpg
├── index.html
├── page/
│ └── gradessys.html
└── script/
└── script.js
```
## 🚀 How to Run Locally
- Step 1: Clone the repository:
```bash
git clone https://github.com/premkrrajbhar/EduGrade.git
```
- Step 2: Navigate to the project folder:
```bash
cd EduGrade
```
- Step 3: Open the `index.html` file in your web browser to start using the app.
## 🤝 Contributing
Contributions are welcome! Feel free to submit a pull request or open an issue for any suggestions or improvements.
## 📞 Contact
For any questions or feedback, please reach out to:
- **Email**: [[email protected]](mailto:[email protected])
- **GitHub**: [premkrrajbhar](https://github.com/premkrrajbhar)