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! ๐ฅ๏ธ๐
