Skip to content

danitdev/knowledge-timeline

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🧠 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

About

No description, website, or topics provided.

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors