Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎨 Figma to HTML/CSS & JavaScript

About the Project

This project was developed from a Figma design and became an important milestone in my Frontend development journey.

During development, I learned and applied the BEM (Block–Element–Modifier) methodology, which significantly improved the structure and maintainability of my HTML and CSS code. I also implemented JavaScript functionality, fixed existing bugs, and gained hands-on experience writing clean, scalable code.

This was also my first project using Git and GitHub for version control and project management.


🚀 Features

  • Pixel-perfect implementation from Figma
  • Responsive layout
  • BEM methodology
  • Interactive JavaScript functionality
  • Clean and maintainable code structure
  • Cross-browser compatibility

🛠️ Tech Stack

  • HTML5
  • CSS3
  • JavaScript (ES6+)
  • BEM Methodology
  • Git
  • GitHub

📚 Key Learnings

  • Converting Figma designs into responsive web pages
  • Structuring code using the BEM methodology
  • Writing maintainable and scalable CSS
  • Implementing JavaScript interactions
  • Using Git and GitHub for version control
  • Improving debugging and problem-solving skills

📸 Preview

Project Preview

Demo Link: https://dobbylou.github.io/Velocity/

A responsive website built from a Figma design with a focus on clean architecture, maintainable code, and modern frontend development practices.


⭐ Feel free to explore the project and leave a star if you like it!

About

My second site where I learned to work with the BEM methodology, learned to structure the code and connected JS functionality for the first time

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages