Dashboard Project information
- Category: Portfolio Project
- Purpose: Design Replication
- Project date: 27 June, 2022
- Project URL: fem-comments-section.netlify.app
- GitHub Repo: github.com/Dr-Wrong-Mo/fem-interactive-comments-section
Portfolio Project
This is the third Frontend Mentor project that I have completed, and I will admit that it was more challenging that I anticipated from first glance.
I built this app using Webpack and SCSS. While it wasn't a large scale app that required routing, I think that dealing with nested arrays would have been easier with a framework. However, I am very glad to have finished this project without Angular or React.
I went into quite a bit of detail of the challenges that I worked through in the README file. Without going into all of the details here, I would mention some of the bullet points:
- Dialog Modal Formatting Issues (spoiler: don't use Flexbox on the dialog element)
- Event Listeners and Bubbling with Dynamic Content
- Using RegEx to Format @username Callouts, but exclude email addresses.