Skip to content

README.md

Latest commit

 

History

History
54 lines (37 loc) · 1.2 KB

README.md

File metadata and controls

54 lines (37 loc) · 1.2 KB
Raw

🧠 Knowledge Timeline

A responsive timeline website built with HTML, CSS, and JavaScript that showcases a developer's learning journey through different technologies. The project features animated timeline items that appear as the user scrolls down the page.

✨ Features

  • Responsive vertical timeline
  • Scroll-based reveal animations
  • Clean and modern UI
  • Font Awesome icons
  • Fully responsive layout
  • Easy to customize timeline entries

🛠️ Built With

  • HTML5
  • CSS3
  • JavaScript (ES6)
  • Font Awesome

🚀 Getting Started

Clone the repository and open index.html in your browser, or run it using Live Server in VS Code.

git clone https://github.com/danitdev/knowledge-timeline.git

📚 Concepts Practiced

  • Semantic HTML
  • CSS Flexbox
  • Responsive Design
  • CSS Animations
  • JavaScript DOM Manipulation
  • Scroll Events
  • Element Visibility Detection

🔮 Future Improvements

  • Add dark mode
  • Include technology logos
  • Add timeline filtering by category
  • Improve animations with Intersection Observer API
  • Fetch timeline data from a JSON file
  • Support multiple themes

👨‍💻 Author

Danial Hamidzadeh

GitHub: https://github.com/yourusername