pktmn-ui

This ReadMe will log the work we do overtime on this UI library.

27/05/2025

Created new repo and cloned to local environments. Making sure github is set up properly.

From laptop: looks like it is!

28/05/2025

Initialized Vite library environment + testable in local server.

01/06/2025

Installed Tailwind plugin. Learning is that Vite library cannot bundle TW, but think it's still a good use case for themeable components? To-do: Clean up demo page with couple skeletal components + try actual library usage?

07/06/2025

Cleaned up demo page to show how test component can be used out of the box, with a preset + custom configuration. To-do: More sophisticated styling demo + actual library usage in a fresh repo with tw installed.

09/07/2025

Returning to this project after bit of a break! Taking a look at what we already did, and cleaning up the styles implemented through test component. Later this week, look into importing the library, then plan out future work!

20/07/2025

Bit more than a week, but no code changes yet. Just defining the test component we want to create with two visual variants + theming system. Step 1: Instantiate test component on local project, hope to get this done this week. Step 2: Create playground to import component library.

25/07/2025

Created themeable component (cmpnt). Wrapper around two lines of text, but have shown in local environment that is consumnes our theme variables, but can also be fully customized using tw styles! Hope to see this component consumed in a separate project this weekend. Once that's done, can start planning out steps to building out UI library!

26/07/2025

Long day of work! Took a while to figure out that importing components required a separate file (foundations.css) for custom theming + also building the styles into the rendered component (main.css). But with the work done so far, can effectively add pktmn-ui to any react/tw project with two lines of code:

import "pktmn-ui/foundations.css";
import { Cmpnt } from 'pktmn-ui';

30/07/2025

Cleaning up code from the weekend + documenting library structure.