INTRODUCTION
Hey everyone! 👋 I'm Matilda Osei, a beginner developer passionate about learning and building cool things. Recently, I completed my first project—a simple SocialBook App—and I wanted to share my experience, challenges, and lessons learned.
PROJECT OVERVIEW
✅ Responsive Design: Optimized for desktop and mobile using CSS Flexbox & Grid.
✅ Semantic HTML: Uses proper tags (, , , etc.) for accessibility.
✅ Basic Styling: A clean UI with a modern layout and color scheme.
✅ ARIA Implementation: Improves accessibility for screen readers.
Tech Stack
I used the following technologies:
- HTML, CSS, JavaScript for the front end Challenges Faced While building this project, I ran into a few challenges:
Handling UI updates dynamically – Initially, tasks were not updating correctly after deletion. I fixed this by re-rendering the task list.
Persisting tasks after refresh – I learned how to use localStorage to store tasks even after closing the browser.
Styling with CSS – It took some trial and error to make the app look nice, but CSS Flexbox was a lifesaver!
Lessons Learned
Understanding DOM manipulation is crucial.
Debugging with console.log() is a developer’s best friend.
Breaking problems into smaller steps makes coding easier.
Final Thoughts
Building my first project was both challenging and rewarding. I’d love to hear your feedback! 💬
Have you built a similar project? What challenges did you face? Let’s connect! 😃
Follow me on DEV
If you liked this post, follow me let's learn more beginner-content together! 🖥️🚀
Top comments (0)