https://github.com/tejazmali/educational-website
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.
https://github.com/tejazmali/educational-website
beginner-friendly-web-development css educational-institutes educational-project educational-website html html-css-javascript interactive-features javascript popup-messages responsive-design student student-note student-project study-materials website-for-students
Last synced: 6 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/tejazmali/educational-website
- Owner: tejazmali
- Created: 2024-11-06T21:15:48.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-02-14T08:22:25.000Z (8 months ago)
- Last Synced: 2025-03-30T03:51:09.500Z (7 months ago)
- Topics: beginner-friendly-web-development, css, educational-institutes, educational-project, educational-website, html, html-css-javascript, interactive-features, javascript, popup-messages, responsive-design, student, student-note, student-project, study-materials, website-for-students
- Language: HTML
- Homepage: https://fundamentalacademy.in
- Size: 36.6 MB
- Stars: 5
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
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](https://fundamentalacademy.in/)
## 🚀 How to Use
1. **Clone the Repository**
```bash
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:
```javascript
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:
```bash
git checkout -b feature-name
```
3. Commit your changes:
```bash
git commit -m "Add feature-name"
```
4. Push to the branch:
```bash
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](https://github.com/tejazmali)
**Website**: [Portfolio](https://tejasmali.vercel.app)