An internal dashboard application for tracking machine notes across work shifts.
This project was started to solve a real operational problem from my workplace. The goal was to create a simple web interface where mechanics could record and review notes related to production machines during each shift, making handovers and issue tracking more organized.
This project is currently a work in progress.
The current version is an early frontend foundation built with Next.js and TypeScript. It is intended as the base for a more complete internal tool focused on machine-related notes, shift-based records, and clearer communication between mechanics.
- Next.js 15
- React 19
- TypeScript
- Tailwind CSS
- React Icons
In a manufacturing environment, important machine information is often passed informally or recorded inconsistently. This project aims to provide a cleaner and more structured way to store notes for each machine and shift.
The idea behind the app is to help mechanics:
- log machine-related notes during a shift
- keep information organized per machine
- improve shift handover visibility
- reduce missed issues and unclear communication
At this stage, the project includes the initial application setup and dashboard-oriented structure.
The app currently serves as a frontend starting point for a future internal tool rather than a fully finished production system.
- machine-based note records
- shift-based organization
- dashboard overview
- note history
- filtering by machine or shift
- clearer status tracking for reported issues
- better UI for fast note entry in daily use
This project is important to me because it is based on a real workplace need, not just a tutorial idea.
Instead of building a generic demo app, I wanted to explore how frontend development can help solve a practical internal workflow problem. The main focus was to start shaping the product direction and build a clean technical foundation with a modern React stack.
I created the frontend foundation for the project and planned the application as an internal dashboard-style tool.
Main areas I focused on:
- setting up the project with Next.js and TypeScript
- structuring the app for future dashboard screens
- thinking about a practical UI for real daily usage
- translating a real-world workflow problem into a web application concept
git clone https://github.com/Cerw3xo/k3note.git
cd k3note