To design a website to calculate the power of a lamp filament in an incandescent bulb in the server side.
P = I2R
P --> Power (in watts)
I --> Intensity
R --> Resistance
Clone the repository from GitHub.
Create Django Admin project.
Create a New App under the Django Admin project.
Create python programs for views and urls to perform server side processing.
Create a HTML file to implement form based input and output.
Publish the website in the given URL.
math.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lamp Power Calculator</title>
<style>
body {
font-family: "Poppins", sans-serif;
background: linear-gradient(135deg, #6a11cb, #2575fc);
color: white;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
margin: 0;
}
.container {
background: rgba(255, 255, 255, 0.1);
padding: 30px 40px;
border-radius: 20px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
width: 320px;
text-align: center;
}
h1 {
font-size: 1.6em;
margin-bottom: 15px;
}
label {
display: block;
margin: 10px 0 5px;
font-weight: bold;
}
input {
width: 100%;
padding: 8px;
border: none;
border-radius: 5px;
text-align: center;
font-size: 1em;
}
button {
margin-top: 20px;
padding: 10px 20px;
background-color: #ffcb05;
border: none;
border-radius: 10px;
cursor: pointer;
font-size: 1em;
color: #333;
transition: 0.3s;
}
button:hover {
background-color: #ffd84d;
}
#result {
margin-top: 20px;
font-size: 1.2em;
font-weight: bold;
}
</style>
</head>
<body>
<div class="container">
<h1>💡 Lamp Power Calculator</h1>
<label for="current">Current (I) in Amperes:</label>
<input type="number" id="current" placeholder="Enter current (I)" step="any">
<label for="resistance">Resistance (R) in Ohms:</label>
<input type="number" id="resistance" placeholder="Enter resistance (R)" step="any">
<button onclick="calculatePower()">Calculate Power</button>
<div id="result"></div>
</div>
<script>
function calculatePower() {
const I = parseFloat(document.getElementById("current").value);
const R = parseFloat(document.getElementById("resistance").value);
const resultDiv = document.getElementById("result");
if (isNaN(I) || isNaN(R)) {
resultDiv.innerHTML = "⚠️ Please enter both Current and Resistance values.";
return;
}
const P = I * I * R;
resultDiv.innerHTML = `🔹 Power (P) = ${P.toFixed(2)} watts`;
}
</script>
</body>
</html>
urls.py
"""
URL configuration for bala project.
The `urlpatterns` list routes URLs to views. For more information please see:
https://docs.djangoproject.com/en/5.2/topics/http/urls/
Examples:
Function views
1. Add an import: from my_app import views
2. Add a URL to urlpatterns: path('', views.home, name='home')
Class-based views
1. Add an import: from other_app.views import Home
2. Add a URL to urlpatterns: path('', Home.as_view(), name='home')
Including another URLconf
1. Import the include() function: from django.urls import include, path
2. Add a URL to urlpatterns: path('blog/', include('blog.urls'))
"""
from django.contrib import admin
from django.urls import path
from powerapp import views
urlpatterns = [
path('admin/', admin.site.urls),
path('your-endpoint',views.calculate_power,name="calculate_power"),
]
views.py
from django.shortcuts import render
def calculate_power(request):
result = None
error = None
if request.method == 'POST':
try:
current = float(request.POST.get('current'))
resistance = float(request.POST.get('resistance'))
power = (current ** 2) * resistance
result = round(power, 2)
except (ValueError, TypeError):
error = "Invalid input. Please enter valid numbers."
return render(request, 'mathapp/math.html', {'result': result, 'error': error})
