Case study
Back to projectsICO Notes: PWA case study
Case study of a private PWA I built to organise and consult my communication and leadership notes, even when offline.
Starting point
The project before the code
Context
Notes webapp for the ICO programme (Instituto de Comunicación). What started as a project to showcase exercises ended up becoming a full webapp with all the course content.
Goal
Have a resource to check all the course content anytime and anywhere, even without an internet connection.
How this project came about
This page presents a personal project, not an official ICO guide or a public copy of its course. The application is private, and this case study only covers the product and development decisions behind it.
This project happened by chance. I started building a website to showcase the exercises from the Instituto de Comunicación (ICO) course, but as I kept going I realised something: there was no resource where I could see all the class content and check it whenever I needed.
That changed everything. I dropped the initial exercise-focused approach, completely restructured the project, and started building it as a full notes webapp.
A lot of content, a lot of organising
The process was long. The ICO course has a huge amount of content, and before I could start coding I needed to be clear on how I was going to organise it, what structure to give it, and how I wanted the final design to look.
All of this while I was still progressing through the course itself, attending live daily classes with the mentors (Public Speaking and Debate, Relational Psychology, Image Consulting, and Negotiation and Sales), and balancing it with my English classes at Conquer Languages and the projects and classes from my master’s at Conquer Blocks.
Once I had everything structured, I started building out the content from all the recorded lessons and every weekly live session.
What the website includes
The content is divided into the programme’s 4 phases, covering 14 weeks. Then there are all the notes from the live sessions with Adrià Solà Pastor, the creator of ICO. And further down, all the content from each of the mentors.
What I like most about the result is that it’s exactly what I needed: I can access all the content anytime and anywhere because it can be installed on my phone as a shortcut and everything is available even without an internet connection.
For the whole community
I didn’t keep this just for myself. I shared it with the entire ICO community so they could benefit from it too. In the end, if the work was already done, why not make it available to everyone?
I even recorded a video for Conquer Blocks on YouTube explaining how I built the site behind the scenes and showing how it works. I had to be very careful not to show the class content, though, as it’s a private course and I cannot share the text or the website link publicly.
What changed
Lessons learned
Sometimes the best projects are born unplanned. A real need gives meaning to what you build.
Organizing a large amount of content before you start coding saves you a lot of time later.
Next iteration
Future improvements
- Migrate the project to Astro to increase loading speed and improve the overall structure.
- Rewrite the style architecture using Sass. While the current CSS is split into files, since it originated from a single file, a proper migration requires rebuilding the foundation for true scalability.