removed unnecessary boilerplate

backend/Dockerfile

@@ -1,12 +1,9 @@
 FROM python:3.9-slim
 
-# Set the working directory
 WORKDIR /app
 
-# Copy the current directory contents into the container at /app
 COPY . /app
 
-# Install the necessary packages
 RUN pip install --no-cache-dir \
     Flask==2.0.3 \
     Flask-Cors==3.0.10 \
@@ -15,12 +12,10 @@ RUN pip install --no-cache-dir \
     opencv-python-headless \
     Werkzeug==2.0.2  # Specify Werkzeug version
 
-# Install necessary system packages
 RUN apt-get update && \
     apt-get install -y --no-install-recommends \
     libgl1-mesa-glx \
     libglib2.0-0 && \
     rm -rf /var/lib/apt/lists/*
 
-# Command to run the application
 CMD ["flask", "run", "--host=0.0.0.0", "--port=5000"]

frontend/src/App.tsx

@@ -9,7 +9,6 @@ function App() {
   return (
     <Router>
       <div className="flex flex-col min-h-screen bg-gray-100">
-        {/* Header Section */}
         <header className="bg-blue-500 text-white text-center py-12 flex-shrink-0">
           <h2 className="text-4xl font-semibold">
             Real-time Face Recognition Surveillance
@@ -19,7 +18,6 @@ function App() {
           </p>
         </header>
 
-        {/* Main Content */}
         <main className="container mx-auto py-10 flex-grow">
           <Routes>
             <Route path="/" element={<Home />} />
@@ -29,8 +27,6 @@ function App() {
             <Route path="*" element={<NotFound />} />
           </Routes>
         </main>
-
-        {/* Navigation Bar */}
         <nav className="bg-blue-600 p-4 text-white fixed bottom-0 left-0 right-0">
           <div className="container mx-auto flex justify-between">
             <h1 className="text-2xl font-bold">Surveillance System</h1>

frontend/src/Home.tsx

@@ -2,17 +2,14 @@ const Home = () => {
   return (
     <div className="bg-gray-100 min-h-screen p-10">
       <div className="container mx-auto text-center py-12">
-        {/* Welcome Section */}
         <h1 className="text-5xl font-bold text-blue-600 mb-6">
           Welcome to the Person & Object Identification System
         </h1>
         <p className="text-lg text-gray-700 mb-8">
           A cutting-edge solution for real-time identification and monitoring of individuals and objects using advanced recognition technologies.
         </p>
-
-        {/* Features Section */}
         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
-          {/* Feature 1 */}
+
           <div className="bg-white p-6 rounded-lg shadow-lg transform transition duration-300 hover:scale-105">
             <h2 className="text-2xl font-semibold text-blue-500 mb-4">
               Real-Time Identification
@@ -21,8 +18,6 @@ const Home = () => {
               Monitor and identify people and objects in real-time using state-of-the-art face and object recognition technologies.
             </p>
           </div>
-
-          {/* Feature 2 */}
           <div className="bg-white p-6 rounded-lg shadow-lg transform transition duration-300 hover:scale-105">
             <h2 className="text-2xl font-semibold text-blue-500 mb-4">
               High Accuracy & Security
@@ -31,8 +26,6 @@ const Home = () => {
               Ensures high accuracy in detection and identification while maintaining secure data processing and privacy.
             </p>
           </div>
-
-          {/* Feature 3 */}
           <div className="bg-white p-6 rounded-lg shadow-lg transform transition duration-300 hover:scale-105">
             <h2 className="text-2xl font-semibold text-blue-500 mb-4">
               Scalable & Efficient
@@ -42,8 +35,6 @@ const Home = () => {
             </p>
           </div>
         </div>
-
-        {/* Call to Action */}
         <div className="mt-16">
           <h2 className="text-4xl font-bold text-blue-600 mb-4">
             Join Us in Enhancing Identification Technologies