Skip to content

README.md

Latest commit

 

History

History
131 lines (99 loc) · 3.49 KB

README.md

File metadata and controls

131 lines (99 loc) · 3.49 KB
Raw

🇮🇳 Independence Day 2027

A premium, interactive web experience celebrating India's 80th Independence Day on 15 August 2027.

This project combines a cinematic dark UI, Indian tricolor aesthetics, historical milestones, interactive animations, and responsive design to create a modern Independence Day experience.

✨ Features

  • 🇮🇳 Premium Independence Day themed UI
  • ⏳ Live countdown to 15 August 2027
  • 📜 Historical timeline of India's freedom struggle
  • 🧑‍🦱 Freedom fighters section
  • 🎆 Interactive celebration popup with fireworks
  • 🎵 Background patriotic music
  • ✍️ Patriotic message submission form
  • 🔢 300-character message counter
  • 💾 Local message storage using browser LocalStorage
  • 🧭 Responsive navigation menu
  • ✨ Scroll reveal animations
  • 🌌 Hero mouse-parallax effects
  • 🔝 Back-to-top button
  • 📱 Responsive design for desktop, tablet and mobile
  • ♿ Accessibility-focused interactions

🛠️ Technologies

  • HTML5
  • CSS3
  • JavaScript
  • CSS Animations
  • Intersection Observer API
  • LocalStorage API
  • Responsive Web Design

📂 Project Structure

independence-day-2027/
│
├── index.html
├── style.css
├── script.js
├── README.md
│
└── assets/
    ├── images/
    │   ├── gandhi.webp
    │   ├── bhagat-singh.webp
    │   ├── rani-lakshamibai.webp
    │   └── subhas-chandra-bose.webp
    │
    └── audio/
        └── dkfilms-vande-matram-violin-background-music-268744.mp3

🎨 Design

The website uses a cinematic dark interface inspired by the Indian tricolor.

🟠 Saffron — Courage & sacrifice ⚪ White — Peace & truth 🟢 Green — Growth & prosperity 🔵 Ashoka Chakra — India's national identity

The interface combines gradients, glassmorphism, glow effects, animations and responsive layouts.

📜 Historical Journey

The timeline highlights important milestones from India's freedom struggle:

  • Year Event
  • 1857 First War of Independence
  • 1919 Jallianwala Bagh
  • 1930 Dandi March
  • 1942 Quit India Movement
  • 1947 India's Independence
  • 2027 80 Years of Independence

🚀 Getting Started

Clone the repository git clone https://github.com/kunwaradityasingh-boy/independence-day-2027.git Open the project cd independence-day-2027 Run the website

Open index.html in your browser.

For development, you can also use VS Code + Live Server.

🌐 Live Website

The project can be hosted using GitHub Pages.

Live deployment will be added after the final GitHub Pages setup.

🎯 Project Goals

The goal of this project is to create a modern digital Independence Day experience that combines:

🇮🇳 Indian history and patriotism

🎨 Modern web design

  • ⚡ Interactive user experience
  • 📱 Responsive development
  • 💻 Front-end development skills
  • ✨ Animation and visual effects

👨‍💻 Developer

  • Kunwar Aditya Singh
  • B.Tech — Computer Science Engineering
  • (Artificial Intelligence & Data Science)

🇮🇳 Jai Hind

Celebrating India's freedom, remembering its heroes, and looking towards its future.

Happy 80th Independence Day, India! 🇮🇳

📄 License

This project is created for educational and portfolio purposes. Bas isko README.md me paste → Save → push.

git add README.md
git commit -m "add professional README"
git push