Ananya
My Work

Projects

A showcase of my technical projects and applications I've built.

Student Portal
Featured Project
STUDENT PORTAL
A comprehensive student portal for KIET Group of Institutions
React.js
Next.js
Django
MySQL

Developed student portal for KIET Group of Institutions including various modules like COE, Academics, Hostel Allotment. Streamlined all the academic activities starting from registration and covering entire student lifecycle.

// Server component for fetching student data
async function getStudentData(studentId) {
  try {
    const response = await fetch(
      `${process.env.API_URL}/students/${studentId}`,
      { cache: 'no-store' }
    );
    
    if (!response.ok) {
      throw new Error('Failed to fetch student data');
    }
    
    return response.json();
  } catch (error) {
    console.error('Error fetching student data:', error);
    return null;
  }
}
Key Features
  • Student registration and profile management
  • Course enrollment and academic tracking
  • Hostel allocation and management
  • Examination results and grade tracking
  • Fee payment and financial records
Headquarters
HEADQUARTERS
A party management system with comprehensive features
React.js
Django
Python
MySQL

Developed a party management system including features like party request, reimbursement, leave request. The system streamlines the process of organizing events and managing team activities.

// React component for leave request form
function LeaveRequestForm() {
  const [formData, setFormData] = useState({
    startDate: '',
    endDate: '',
    reason: '',
    type: 'casual'
  });
  
    = useState({
    startDate: '',
    endDate: '',
    reason: '',
    type: 'casual'
  });
  
  const handleSubmit = async (e) => {
    e.preventDefault();
    
    try {
      const response = await fetch('/api/leave-requests', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
        },
        body: JSON.stringify(formData),
      });
      
      if (response.ok) {
        toast.success('Leave request submitted successfully');
        // Reset form
        setFormData({
          startDate: '',
          endDate: '',
          reason: '',
          type: 'casual'
        });
      }
    } catch (error) {
      toast.error('Failed to submit leave request');
    }
  };
  
  return (
    <form onSubmit={handleSubmit}>
      {/* Form fields would go here */}
    </form>
  );
}
Key Features
  • Party and event request management
  • Expense tracking and reimbursement
  • Leave request and approval workflow
  • Team management and coordination
  • Reporting and analytics dashboard
Ecobuild
ECOBUILD
A centralized online tool for sustainable construction techniques
React.js
Tailwind CSS
JavaScript

Developed a centralized online tool showcasing sustainable construction techniques, incorporating planning resources for architects and builders; reduced project planning time by 30%.

// Component for displaying sustainable materials
function SustainableMaterial({ name, description, co2Reduction }) {
  return (
    <div className="p-4 border rounded-lg hover:shadow-md transition-all">
      <h3 className="text-lg font-medium">{name}</h3>
      <p className="text-gray-600 mt-2">{description}</p>
      <div className="mt-3 flex items-center">
        <span className="text-green-600 font-semibold">
          CO2 Reduction: {co2Reduction}%
        </span>
      </div>
    </div>
  );
}
Key Features
  • Sustainable material database
  • Environmental impact calculator
  • Project planning tools
  • Supplier directory
  • Case studies and best practices