This project is a simple web application that calculates a student's weighted average based on their test and final exam scores. It determines whether the student has passed or failed the module and displays the result dynamically.
-
📝 Input Fields : Users can enter their name, three test scores, and a final exam score.
-
📊 Weighted Average Calculation : The application calculates the average with 33% weight for tests and 67% weight for the final exam.
-
✅ Pass/Fail Result : Displays a success message with a green background if the student passes, or a failure message with a red background if they fail.
-
🎨 Dynamic Styling : The result box is styled dynamically based on the outcome.
Home Screen: Enter your name and scores to calculate your average.
Valid Case (Pass): Displays a success message with a green background when the student passes.
Invalid Case (Fail): Displays a failure message with a red background when the student fails.
-
📥 Clone the repository to your machine or download the ZIP files:
git clone https://github.com/<your-username>/<repo-name>.git -
📂 Navigate to the project folder and open it in Visual Studio Code:
cd <repo-name> && code . -
📦 Install the dependencies:
npm install -
🌐 Start a local server to view the project:
npm run devThe project will be accessible at: Student Average Calculator
Contributions to this project are welcome! If you have suggestions, improvements, or bug fixes, please submit a pull request. Make sure to follow coding conventions and maintain consistent styles.
If you encounter issues or want to request a new feature, please open an issue in the repository with as much detail as possible.
If you like this project, don't forget to leave a ⭐ on GitHub. Thank you and happy coding! 🚀
- 📧 Email: bouglacemarouane@gmail.com
- 🌐 GitHub: Bouglace Marouane
- 🌍 LinkedIn: Marouane Bouglace Linkedin