Daily Logs

Logs on the changes day by day. The goal is to describe the process of building a software.

June 28

• Figma app

June 27

• fix UI styles

June 25

• Redesign the colors page
• Add socials in the footer

June 24

• Add typography, spacing and elevation

June 23

• First implementation of the colors

June 21

• Investigating the Figma style API

June 20

• Added foundations and principles in the UI

June 19

• Implementation of the animations of the landing page

June 17

• Brainstormed the landing page
• First architecture of the landing page

June 12

• Reimplement figma synchronization

June 11

• Add system of flags (design missing, deprecated, etc)

June 10

• Render the props in the documentation portal
• Add system of links

June 9

• 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

June 6

• Too sick to do anything 🤧

June 5

• Modelize the code with entities and business rules in the documentation portal and the database

June 4

• Finalize nice CLI ui
• Add CI tests

June 3

• 100% tests passing with typescript compiler API
• Setup nice CLI UI

June 2

• Replace typescript-parser with typescript compiler API. It is more complicated but more powerful

June 1

• 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

May 29

• 🧹 Rewrote documentation portal to use clean architecture
• 📢 Deployed on vercel

May 26

• 🧾 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.

May 25

• 🗂️ 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 ➡️

May 23

• 🧪 Tried storybook plugins, figma plugins and alternatives
• 🧠 Brainstormed solutions here.

May 22

• 🔎 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

May 20

• ✅ Initialization of the wiki for the documentation
• ✅ Initialization of github projects and Apple reminder for tasks