Skip to content

knightempire/lab-frontend

Repository files navigation

Lab Tracker Frontend

The Lab Tracker Frontend is a modern web application built with Next.js and React, designed to manage lab products, requests, issues, returns, and user/admin workflows. It provides a rich, interactive interface with dashboards, charts, notifications, and responsive UI components.

🚀 Features

Authentication & User Management: User login, signup, forgot password, reset password flows, profile page (view & edit), "Remember Me", session management, user dashboard with calendar and multiple charts.
Product Management: Product listing with pagination, searching, sorting, filtering, low stock indicators, enhanced product view.
Request / Issue Management: Create, review, track requests, issue and reissue workflows, return page improvements, timeline tracking for issues/requests.
Admin Features: Admin dashboard with bar, pie, line, radar charts, low stock table, notifications, admin product/request/review table management, admin profile API integration, mobile-optimized notifications, dashboard table redesigns.
UI / UX Improvements: Updated 404 page with random URL handling, navbar/sidebar/layout improvements, responsive design, table count and redesign, download Excel functionality.
DevOps / Deployment: Dockerfile & docker-compose support, proxy server configuration, production and staging deployment updates.

🛠 Tech Stack

Frontend: Next.js, React, JavaScript/TypeScript
UI Components: Tailwind CSS / Chakra UI / Custom Components
Charts & Visualizations: Chart.js / Recharts
State Management: React Context / Redux
Forms & Validation: React Hook Form / Yup
Deployment: Docker, Vercel / Custom server

⚡ Getting Started

Prerequisites: Node.js v18+, npm or yarn, Docker (optional)
Installation:

  1. Clone the repo: git clone https://github.com/knightempire/lab-frontend.git && cd lab-frontend
  2. Install dependencies: npm install or yarn install
  3. Create .env.local file and add variables
  4. Run development server: npm run dev or yarn dev
    Open http://localhost:3000 to view.

Build for Production: npm run build && npm start

🧑‍💻 Core Development Team

Special Thanks: Shibi S. Kumar @shibi1306 – continuous guidance and support

📝 Contributing

  1. Fork the repo
  2. Create a branch: git checkout -b feature/my-feature
  3. Commit changes: git commit -m "Add my feature"
  4. Push branch: git push origin feature/my-feature
  5. Open Pull Request

📦 License

MIT License. See LICENSE

🔗 Links

About

Components tracker for amuda lab - amrita

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors

Languages