Skip to content

Educational Website is a lightweight and user-friendly platform designed to help students access organized notes and study materials. It features an engaging automatic pop-up system for festival greetings, enhancing user interaction. Built using only HTML, CSS, and JavaScript, it is simple to customize and deploy.

Notifications You must be signed in to change notification settings

tejazmali/educational-website

Repository files navigation

Here’s the updated README file:


Educational Website

An innovative platform designed to provide students with comprehensive study materials and features like automatic festival greeting pop-ups to enhance user engagement.


🌟 Features

  • 📚 Student Notes Repository
    Access a vast collection of well-organized and easy-to-understand notes for various subjects.

  • 🎉 Festival Greeting Pop-ups
    Automatically display personalized festival wishes to users via a dynamic pop-up feature.

  • 📋 Simple File-Based Pop-Up Configuration
    The festival greetings are controlled directly through a file named popup.js located at the project root.

  • 📱 Mobile-Responsive Design
    A seamless experience across all devices, ensuring accessibility and convenience.


Demo

Live Demo

🚀 How to Use

  1. Clone the Repository

    git clone https://github.com/tejazmali/educational-website.git  
    cd educational-website  
  2. Open the Project
    Open the project in any code editor or directly in your browser using the index.html file.

  3. Pop-Up Configuration

    • The pop-up greetings feature is controlled via popup.js.
    • Open the file in the root directory and customize the greetings:
      const popups = [  
        {  
          name: "Diwali",  
          message: "Happy Diwali! Wishing you joy and prosperity.",  
          date: "2024-11-12"  
        },  
        {  
          name: "Christmas",  
          message: "Merry Christmas! Have a joyful holiday season.",  
          date: "2024-12-25"  
        }  
      ];  
      export default popups;  
  4. Deployment
    Host your website on any platform like GitHub Pages, Netlify, or Vercel for public access.


🛠️ Technologies Used

  • HTML
  • CSS
  • JavaScript

🤝 Contributing

Contributions are welcome! Follow these steps:

  1. Fork the repository.
  2. Create a new branch:
    git checkout -b feature-name  
  3. Commit your changes:
    git commit -m "Add feature-name"  
  4. Push to the branch:
    git push origin feature-name  
  5. Open a Pull Request.

📜 License

This project is licensed under the MIT License.


📬 Contact

For any questions or feedback, feel free to reach out:
GitHub: @tejazmali
Website: Portfolio

About

Educational Website is a lightweight and user-friendly platform designed to help students access organized notes and study materials. It features an engaging automatic pop-up system for festival greetings, enhancing user interaction. Built using only HTML, CSS, and JavaScript, it is simple to customize and deploy.

Topics

Resources

Stars

Watchers

Forks