A simple Web Application built with Flask that allows users to input a numerical grade and receive a corresponding letter grade or an "Invalid input" message if the grade is outside the 1-100 range. The app features a clean, responsive user interface styled with CSS.
Click Here π
- Grade Calculation: Converts numerical grades (1-100) into letter grades (A+ to F).
- Input Validation: Checks for grades outside the valid range (1-100) and non-numerical inputs.
- User-Friendly Interface: Simple form for grade submission.
- Responsive Design: Styled with CSS for a visually appealing experience.
- Backend: Python (Flask)
- Frontend: HTML, CSS
The project follows a standard Flask application layout:
Grade/
βββ grade.py Main Flask application logic
βββ README.md Project documentation
βββ templates/
β βββ index.html HTML template for the web page
βββ static/
βββ style.css CSS stylesheet for styling
Follow these steps to get the Grade Evaluator running on your local machine.
- Python 3.x installed. Download from python.org.
- pip package installer (usually included with Python).
-
Clone the repository (if applicable) or create the project structure with the files as shown above.
-
Navigate to the project directory:
cd C:\Users\HP\OneDrive\Desktop\PHYTON\Grade
(Adjust the path to your project location.)
-
(Optional but recommended) Create and activate a virtual environment:
-
Create virtual environment:
python -m venv venv
-
Activate virtual environment:
-
On Windows:
.\venv\Scripts\activate
-
On macOS/Linux:
source venv/bin/activate
-
-
Alternatively, you can create a requirements.txt
file in your project root with the following content:
Flask
Then install dependencies using:
pip install -r requirements.txt
-
Ensure your virtual environment is activated (if you created one).
-
Run the Flask application from the root directory (
Grade
folder):python grade.py
-
Open your browser and go to:
http://127.0.0.1:5000/
-
To stop the server, press
Ctrl + C
in your terminal.
- Open the application in your web browser.
- Enter a numerical grade between 1 and 100 in the input field.
- Click the "Check Grade" button.
- The corresponding letter grade or an error message will be displayed below the form.
Feel free to fork this repository, make improvements and submit pull requests. Your contributions are welcome!
If you have any questions, issues, or suggestions, feel free to reach out. I'd love to hear from you!
- Open an Issue π¬
- LinkedIn π€
- Email βοΈ
- Telegram π±
This project was completed on: August 1, 2025 ποΈ
By: Gemachis Tesfaye [https://github.com/urjiiko1] β¨