Journey to 2027 🚀

A visually stunning, glassmorphism-styled countdown timer that tracks the journey to the year 2027. This project combines modern aesthetic principles with real-time functionality to create an engaging user experience.

🔗 Live Demo: View Website

✨ Features

• Real-Time Countdown: Precise tracking of Days, Hours, Minutes, and Seconds until Jan 1, 2027.
• Year Progress Bar: A dynamic, high-precision progress bar showing exactly how much of the current year has passed.
• Glassmorphism Design: Premium UI with frosted glass effects, floating background orbs, and smooth animations.
• Dark/Light Mode: Fully thematic toggle with persistent state.
• Motivational Quotes: Dynamic inspirational quotes that cycle to keep you motivated.
• Responsive Layout: Perfectly optimized for Desktop, Tablet, and Mobile devices.
• Sharing Capability: Built-in share button to let others join the countdown.

🛠️ Technologies Used

• HTML5: Semantic structure.
• CSS3: Custom properties (variables), Flexbox/Grid, and advanced animations.
• Vanilla JavaScript: Efficient DOM manipulation and time calculation logic without external dependencies.
• Font: Outfit from Google Fonts for a modern, clean look.

🚀 Getting Started

To run this project locally on your machine:

1. Clone the repository

   git clone https://github.com/Ashu78790/2026remain.git

2. Navigate to the project directory

   cd 2026remain

3. Open index.html Simply double-click index.html to open it in your default browser, or use a live server extension in VS Code.

🎨 Customization

You can easily customize the target date in main.js:

const targetDate = new Date("January 1, 2027 00:00:00").getTime();

Change the date string to count down to a different event!

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

📄 License

This project is open source and available under the content of the MIT License.

---

Made with ❤️ by Ashu78790