-
Notifications
You must be signed in to change notification settings - Fork 2
Daily Logs
Thibault Friedrich edited this page Sep 30, 2024
·
28 revisions
Logs on the changes day by day. The goal is to describe the process of building a software.
- prepare for Hacktoberfest
- decided to delay the design token management system (maybe for version 2.0)
- will focus on having a offline version of the designSystemHub to facilitate the comparison with storybook
- publish
@design-system-hub/tailwind
- add design tokens
- add principles
- add welcome page when a user just signed up
- force synchronization (figma + generate new code token)
- delete design system
- add github and google app for authentication in prod
- generate token to connect the CLI
- add dashboard to visualize existing design systems
- add authentication
- form to initalize design system with figma
- Figma app
- created dedicated Figma app: https://www.figma.com/developers/apps
- fix UI styles
- Redesign the colors page
- Add socials in the footer
- Add typography, spacing and elevation
- First implementation of the colors
- Investigating the Figma style API
- Added foundations and principles in the UI
- Implementation of the animations of the landing page
- Brainstormed the landing page
- First architecture of the landing page
- Reimplement figma synchronization
- Add system of flags (design missing, deprecated, etc)
- Render the props in the documentation portal
- Add system of links
- Add an API to be able to upload the components from the CLI to the database
- Add a system of API tokens to add a minimum security
- Too sick to do anything 🤧
- Modelize the code with entities and business rules in the documentation portal and the database
- Finalize nice CLI ui
- Add CI tests
- 100% tests passing with typescript compiler API
- Setup nice CLI UI
- Replace typescript-parser with typescript compiler API. It is more complicated but more powerful
- Initialize second project in the mono-repo:
node-cli
. It will find the React components in a repository - Implementation following TDD
- First components detected
- Setup examples projects for tests
- 🧹 Rewrote documentation portal to use clean architecture
- 📢 Deployed on vercel
- 🧾 First Proof of concept for the documentation portal, running only in local
- 📄 Added documentation in the repository
- ✒️ Created a Figma file to test the proof of concept.
- 🗂️ Organized the technical ideas and prioritized
- Will start with Figma and React only
- 3 MUST tools to implement: a documentation portal, a cli to extract the components from the code, a figma integration to extract the components from figma
- 2 MAY tools: a VS code extension, a Figma plugin
- 🏃♂️➡️ Started coding the documentation portal, details there ➡️
- 🧪 Tried storybook plugins, figma plugins and alternatives
- 🧠 Brainstormed solutions here.
- 🔎 Read a lot about Design System online
- searched on google, reddit, product hunt, x.com, spotify, linkedin with main words "Design System"
- found similar concepts to search like "Component library"
- read trustful sources like figma courses, Nngroup
- results there ➡️ Design System Ecosystem
- ✅ Initialization of the wiki for the documentation
- ✅ Initialization of github projects and Apple reminder for tasks