Markd

Inspiration

I hate constantly switching between spreadsheets, chat threads, and calendar tools just to plan content with our team. I wanted one simple calendar inside Adobe Express where we could schedule content, assign tasks, and track updates together. That’s what inspired Marked—a content calendar that lives where your creativity happens.

What it does

Marked is a collaborative content calendar add-on for Adobe Express.
Users can:

• Click on any date to add to-dos or notes
• Assign tasks to collaborators
• Mark tasks complete
• View real-time changes and status updates across the team
  It keeps everyone on the same page with zero friction.

How I built it

I used:

• A custom React-based calendar UI for interaction
  
• CSS and Spectrum web components for styling
• Firebase Database for syncing tasks between collaborators instantly
  

Challenges I ran into

• Building a smooth, clickable calendar UX
• Achieving real-time sync across collaborators with minimal latency
  

Accomplishments that I'm proud of

• Built a working real-time collaborative calendar inside Adobe Express
  
• Designed a smooth and intuitive calendar-to-todo flow
  
• Created a lightweight yet powerful alternative to bulky content planning tools

What I learned

• Best practices for building modular, state-aware UIs in embedded apps
  
• Deep understanding of the Adobe Express Add-on SDK's capabilities
  
• How to align design simplicity with powerful backend features

What's next for Markd

• Export task history or integrate with external tools like Google Calendar
  
• Add analytics to visualize content productivity across weeks

Built With

• css
• html
• javascript
• react
• swc