Nadimpalli Informatics LLP - Web Application

🚀 Project Overview

This project is a modern, high-performance web application built for Nadimpalli Informatics LLP. It serves as a digital platform for showcasing services, managing user profiles (students/faculty), and providing administrative controls. The application leverages the latest Next.js 16 features, Supabase for backend services, and a sleek, dark-themed UI.

Developer: chepuriharikiran (Email: harikiran1388@gmail.com)

---

🛠️ Tech Stack

Frontend

• Framework: Next.js 16 (App Router) - Utilizing React Server Components and Server Actions.
• Language: TypeScript
• Styling: Tailwind CSS v4 - Utility-first CSS framework.
• UI Components: Radix UI (Primitives), Lucide React (Icons).
• Animations: Framer Motion.
• Fonts: Geist (Sans & Mono) via next/font.

Backend & Database

• BaaS (Backend-as-a-Service): Supabase.
• Database: PostgreSQL (managed by Supabase).
• Authentication: Supabase Auth.
• ORM/Query Builder: Supabase JS Client (@supabase/supabase-js, @supabase/ssr).

Infrastructure & Tools

• Deployment: Vercel.
• Analytics: Vercel Analytics & Speed Insights.
• Email: Resend.
• Linting: ESLint.

---

📂 Project Structure

├── .next/                  # Build output
├── .vercel/                # Vercel configuration
├── public/                 # Static assets (images, videos, etc.)
├── scripts/                # Utility scripts (database checks, migrations)
├── src/
│   ├── app/                # Next.js App Router (Pages & API Routes)
│   │   ├── actions/        # Server Actions (Backend logic called from UI)
│   │   ├── admin/          # Admin Dashboard & Controls
│   │   ├── api/            # API Endpoints (Next.js Request Handlers)
│   │   ├── faculty/        # Faculty-specific pages
│   │   ├── login/          # Authentication pages
│   │   ├── onboarding/     # User onboarding flows
│   │   ├── profile/        # User profile management
│   │   ├── globas.css      # Global styles & Tailwind directives
│   │   └── layout.tsx      # Root Layout (Providers, Analytics)
│   ├── components/         # Reusable UI Components
│   │   ├── landing/        # Landing page sections (Hero, About, etc.)
│   │   ├── layout/         # Navbar, Footer
│   │   └── ui/             # Radix UI primitives (Button, Dialog, etc.)
│   ├── lib/                # Library code
│   │   ├── supabase/       # Supabase client initialization (Server/Client)
│   │   └── utils.ts        # Helper functions (cn class merger)
│   └── types/              # TypeScript definitions
├── supabase/               # Supabase local config & migrations
├── .env.local              # Environment variables (Git-ignored)
├── next.config.mjs         # Next.js configuration
├── package.json            # Dependencies & Scripts
└── tailwind.config.ts      # Tailwind configuration

---

🔗 Key Connections & Integrations

1. Authentication Flow

• Provider: Supabase Auth (Email/Password, potentially OAuth).
• Middleware: Protected routes enforce session checks via middleware.ts (if configured) or Server Actions.
• Role-Based Access:
  • admin/*: Restricted to users with admin privileges.
  • profile/*: Accessible to authenticated users.

2. Database (PostgreSQL)

• Schema: Managed via Supabase Migrations (supabase/migrations).
• Access: Direct database access via src/lib/supabase helper functions.
• Row Level Security (RLS): Enabled on tables to ensure data privacy (users can only see/edit their own data).

3. AI Integration (Gemini)

• Model: Google Gemini 2.5 Flash.
• Usage: Used for generating content (e.g., dynamic bios) based on user profile data.
• Config: API Key stored in .env.local.

---

🚀 Getting Started

Prerequisites

• Node.js (v20+ recommended)
• npm or yarn
• Git

Installation

1. Clone the repository:

   git clone <repository-url>
   cd Nadimpalli-Informatics-LLP

2. Install dependencies:

   npm install

3. Configure Environment Variables: Create a .env.local file in the root directory and add the following:

   NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
   NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
   GEMINI_API_KEY=your_gemini_api_key
   RESEND_API_KEY=your_resend_api_key

4. Run the development server:

   npm run dev

   Open http://localhost:3000 with your browser.

---

📜 Scripts

• npm run dev: Starts the local development server.
• npm run build: Builds the application for production.
• npm run start: Starts the production server.
• npm run lint: Runs ESLint to check for code quality issues.

---

🏛️ Module Details

1. Admin Dashboard (src/app/admin)

The command center for system administrators. Access is RESTRICTED to users with the admin role in the admins table.

Key Sections:

• Live Dashboard: Real-time overview of system stats (Total Employees, Active Admins, System Status).
• Employees: Complete user database management.
  • Add Faculty: Create new accounts with auto-generated passwords and profiles.
  • Edit/Delete: robust controls to update or remove users and their associated data.
  • Search: Instant filtering by name or ID.
• Messages: View and manage inquiries from the Contact form. Status tracking (New, Read, Replied).
• Communication: Broadcast notifications to selected faculty or the entire institution.
• Goal Sheet Review: Monitor the submission status of faculty goal sheets.
• IIE Plan: Manage Innovation, Incubation, and Entrepreneurship (IIE) activities.

2. Faculty Profile & Portfolio (src/app/profile)

A comprehensive, interactive digital portfolio for faculty members. It aggregates data from various streams into a unified view.

Core Tabs:

• Identity & Bio: Personal details, AI-generated bio (powered by Gemini), and profile photo management.
• Academic Info: Educational qualifications and teaching experience timeline.
• Research & Projects: Management of Publications, Funded Projects, and Consultancy work.
• Skills & Expertise: Dynamic list of technical skills and certifications.
• Community: Memberships in professional bodies, Awards, and Events organized.
• Student Corner: Mentorship details and LMS (Learning Management System) integration.
• My Goal Sheet: A critical performance tracking tool.
  • Interval Tracking: Breaks down goals into 15-day intervals.
  • Progress Calculation: Automatically computes progress scores based on completed checkpoints.
  • Submission Logic: Enforces mandatory updates and freezes upon final submission.

Dynamic Components: The profile page uses dynamic imports for heavy components like LMSManager, NPTELManager, and FDPManager to ensure fast initial load times (Subject to Next.js Client Component constraints).

// Auto-save test Thu Jan 22 18:54:49 IST 2026 // Auto-save test v2 Thu Jan 22 18:56:01 IST 2026 // Auto-save test v3 Thu Jan 22 18:56:59 IST 2026