As a react front-end developer, I love to create and document my progress. This was a university side project where I wanted to give life to a UI/UX design I had scribbled.
Coming from a design background, coding was relatively new to me. I took help from YouTube videos and open-source tutorials to build this project from the ground up.
The Stack
The project uses the most fundamental web technologies:
- HTML for semantic structure
- CSS for styling, including Flexbox and Media Queries for responsive layouts
- JavaScript for DOM manipulation and interactivity
Key Features
- Fully responsive design that works across all device sizes
- Clean, modern UI with a hamburger menu for mobile navigation
- Lightweight implementation with no frameworks or dependencies
What I Learned
Building this project reinforced the importance of understanding the fundamentals before jumping into frameworks. It taught me how HTML, CSS, and JavaScript work together to create interactive web experiences.
The project is open source and available on GitHub.
Read full article on Medium.