What is kosmos?
kosmos is a web application focused on project and team management, designed specifically for the needs of small businesses and startups looking for a simpler alternative with a gentler learning curve than complex tools like Jira.
The name, from Greek, evokes order, structure, and harmony—the pillars of the product’s user experience.
Try kosmos
Open the live app to explore the dashboard, projects, and the creation flow.
Key features
Overview
Key indicators (KPIs) for monthly productivity, pending tasks, and recent activity.
Three-step creation
Details, tasks, and summary: keeps data integrity before publishing the project.
Real-time tracking
“Task in progress” with time adjustments, documentation editing, and filters by priority or department.
Responsive interface
Scales to 1440px, with native dark mode and a focus on accessibility and contrast.
Technical challenges and solutions
Throughout the project, challenges came up that called for creative solutions.
The stepper challenge: the three-step “New Project” flow was the hardest part at the code level, because of dynamic validation at each step (e.g. requiring at least one task in step 2) and correctly persisting data when moving forward or back.
Dark mode management: an accessible Dark Mode was solved with localStorage to store the user’s preference and an early script in each HTML page that avoids a visual “flash” on load.
Conflicts with external libraries:
Bootstrap: issues with icon color and element size (switches) in dark mode.
Chart.js: responsiveness problems on small screens.
AI as “dangerous help”: it sped up the work, but its “hallucinations” required constant review. Use was limited in favor of simpler logic, with direct interpolation in HTML instead of complex component variants.
Time constraints: some desired features (such as more visual interactions on the tasks page) were postponed for later versions, prioritizing stability of the current code.
One person accountable for AI
Artificial intelligence was integrated as a support tool for ideation and wireframe generation, as well as for correcting and suggesting code snippets—speeding up development without compromising authorship of the structural and design work.
Key lessons
The project showed that a well-planned architecture and solid prior design in Figma are essential to manage complexity and avoid duplicated code.
Learning Lodash was also vital for efficiently filtering and sorting data collections in the application.