😻 Git Line — Your Git Command Companion 💻✨

💡 “Code, Commit, Push, Repeat — that’s how progress happens!”

---

🧠 Overview

Git Line is an interactive and visually appealing Git Command Timeline that helps beginners and professionals learn essential Git commands — all in one beautiful scrolling interface 🌈

This project is built using HTML, CSS, and JavaScript, featuring smooth animations, a live search functionality, and a responsive design that looks great on any device 📱💻.

You can explore it live here: Git Line

---

🚀 Features

• ✨ Beautiful Timeline Design — Commands are presented chronologically with elegant left-right animations.
• 🔍 Live Command Search — Instantly search and scroll to any Git command.
• 🧩 Responsive UI — Perfectly adapts to desktop and mobile screens.
• 🎨 Animated Scrollbar & Header Effects — Smooth user experience with polished aesthetics.
• 🕒 Dynamic Year in Footer — Automatically updates every year.
• 💬 Helpful Descriptions — Each command includes a simple explanation for easy understanding.

---

🧰 Tech Stack

Technology	Description
🧱 HTML5	Structure of the web page
🎨 CSS3	Styling, animations & responsive design
⚡ JavaScript (Vanilla)	Logic for animations and search functionality
💾 Local Assets	All icons, images and related assets stored locally

---

🧭 Folder Structure

GitTimes/
│
├── index.html        # Main HTML file
├── index.css         # Styling and animations
├── index.js          # Interactive JavaScript logic
└── images/           # Git icons, favicon, and related assets

---

💡 How It Works

1. 🏁 Open the Website: Navigate to index.html in your browser (or visit the live link!).
2. 🔍 Search Command: Use the search input to find commands like git init or git push.
3. 🎢 Scroll Through Timeline: Explore each Git command visually, one by one.
4. 💬 Learn & Remember: Read a short, clear explanation for every command.
5. 🌈 Enjoy the Experience: Bright gradients, smooth animations and fun icons make learning Git visually engaging.

---

🎯 Example Commands Displayed

Command	Description
git init	Initializes a new repository
git status	Shows the current file status
git add .	Stages all files for commit
git commit -m "message"	Saves changes with a message
git push origin main	Pushes local commits to GitHub
git pull origin main	Fetches and merges remote changes
git branch	Lists or creates branches
git merge	Combines different branches
git clone	Clones a repository
git log	Shows commit history

---

🛠️ How to Run Locally

1. Clone or download this repository

   git clone https://github.com/MJNVSai/GitTimes.git
   

2. Navigate into the project folder

   cd GitTimes

3. Open the index.html file in your browser

   open index.html   # or simply double-click the file

And you’re all set — explore the timeline, search commands, and enjoy!

---

📬 Connect With Me

💼 GitHub: @MJNVSai

---

🌟 If you found this helpful, don’t forget to give it a ⭐ on GitHub!

Every commit brings you one step closer to mastery. 🧠💪