{"id":19425432,"url":"https://github.com/reachverse/school-website","last_synced_at":"2026-04-17T08:02:08.207Z","repository":{"id":258312509,"uuid":"872603603","full_name":"REACHVERSE/school-website","owner":"REACHVERSE","description":"This repository contains the source code for a School Website","archived":false,"fork":false,"pushed_at":"2024-11-27T16:39:51.000Z","size":36975,"stargazers_count":3,"open_issues_count":0,"forks_count":3,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-08-08T14:03:29.586Z","etag":null,"topics":["admin-live-panel","admin-panel","aos-animation","bootstrap5","css","emailjs","firebase","firebase-firestore","firebase-realtime-database","firebase-storage","glightbox","glist","glistbox","html","imageloader","isotope-layouts","school-education","swiper-js"],"latest_commit_sha":null,"homepage":"https://reachverse.github.io/school-website/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/REACHVERSE.png","metadata":{"files":{"readme":"Readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-10-14T18:19:00.000Z","updated_at":"2025-05-25T07:14:58.000Z","dependencies_parsed_at":"2025-08-08T14:03:24.640Z","dependency_job_id":"a89fbb34-157e-402e-8f2a-6dcbbcc9089e","html_url":"https://github.com/REACHVERSE/school-website","commit_stats":null,"previous_names":["reachverse/school-website"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/REACHVERSE/school-website","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/REACHVERSE%2Fschool-website","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/REACHVERSE%2Fschool-website/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/REACHVERSE%2Fschool-website/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/REACHVERSE%2Fschool-website/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/REACHVERSE","download_url":"https://codeload.github.com/REACHVERSE/school-website/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/REACHVERSE%2Fschool-website/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31920518,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-16T18:22:33.417Z","status":"online","status_checked_at":"2026-04-17T02:00:06.879Z","response_time":62,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["admin-live-panel","admin-panel","aos-animation","bootstrap5","css","emailjs","firebase","firebase-firestore","firebase-realtime-database","firebase-storage","glightbox","glist","glistbox","html","imageloader","isotope-layouts","school-education","swiper-js"],"created_at":"2024-11-10T14:03:27.399Z","updated_at":"2026-04-17T08:02:08.180Z","avatar_url":"https://github.com/REACHVERSE.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# School Website Project\n\nThis repository contains the source code for a **School Website** that I developed using a combination of HTML, Bootstrap, Glistbox, AOS (Animate on Scroll), Swiper, Isotope-Layout, ImagesLoaded, and JavaScript. The project also includes a Firebase-powered **Admin Interface** for content management, enabling administrators to add or delete content, images, and more from the main website. Additionally, I integrated **Email.js** for collecting emails directly from the website.\n\n## Table of Contents\n\n- [Overview](#overview)\n- [Features](#features)\n- [Technologies Used](#technologies-used)\n- [Admin Interface](#admin-interface)\n- [Firebase Integration](#firebase-integration)\n- [Email Integration](#email-integration)\n- [Installation](#installation)\n- [Usage](#usage)\n- [Live Demo](#live-demo)\n\n## Overview\n\nThe school website is designed to be responsive, interactive, and user-friendly. It features animated content, a clean gallery section, and smooth scrolling transitions. Users can navigate through different sections of the website with ease, and the admin interface allows real-time updates to the content.\n\n## Features\n\n- **Responsive Design**: Built with HTML and Bootstrap, the site works across all devices and screen sizes.\n- **Interactive Animations**: Utilizes AOS for smooth animations and Glistbox for a stunning gallery experience.\n- **Swiper Integration**: Dynamic content sliders and carousels enhance the user experience.\n- **Isotope \u0026 ImagesLoaded**: Intelligent layout for filtering and sorting content with seamless loading of images.\n- **Admin Interface**: A custom admin interface built with Firebase for managing website content in real-time.\n- **Email Collection**: Integrated Email.js for gathering emails through contact forms.\n\n## Technologies Used\n\n- **HTML5**\n- **Bootstrap 5**: For responsive design and components.\n- **JavaScript**: For interactive functionality across the website.\n- **[Glistbox](https://www.glightbox.com/)**: A lightbox gallery plugin.\n- **[AOS](https://michalsnik.github.io/aos/)**: Animation on scroll library.\n- **[Swiper](https://swiperjs.com/)**: A modern mobile touch slider.\n- **[Isotope-Layout](https://isotope.metafizzy.co/)**: A filtering and sorting layout library.\n- **[ImagesLoaded](https://imagesloaded.desandro.com/)**: Ensures images are loaded before layout rendering.\n- **Firebase**: For database and content management.\n- **Email.js**: For email collection and handling contact form submissions.\n\n## Admin Interface\n\nThe admin interface provides a way to:\n\n- **Add or Delete Content**: Admins can upload new content, delete outdated information, and update the website dynamically.\n- **Image Management**: Upload or remove images from galleries or other sections using Firebase.\n- **Real-time Updates**: Changes made by the admin are reflected on the website instantly without requiring manual intervention.\n\n## Firebase Integration\n\nThe website uses Firebase for storing and retrieving content dynamically:\n\n- **Firestore Database**: Stores data such as text, images, and other content.\n- **Firebase Storage**: Manages media files like images.\n- **Firebase Authentication**: Protects the admin panel with secure login functionality.\n\n## Email Integration\n\nUsing **Email.js**, the website includes a contact form that allows visitors to send emails directly from the website. This email service is integrated without the need for backend infrastructure, making it lightweight and easy to maintain.\n\n## Installation\n\nTo run this project locally, follow these steps:\n\n1. Clone the repository:\n\n   ```bash\n   git clone https://github.com/reachverse/school-website.git\n   ```\n\n```bash\ncd school-website\n\nnpm install\n\nnpm start\n\n```\n\n## Usage\n\n- Viewing the Website: Once installed, open index.html in your preferred web browser to view the site.\n- Admin Panel: Navigate to the /admin path (e.g., localhost/admin) to access the admin interface. You will need to authenticate using the Firebase-provided credentials.\n- Updating Content: Use the admin panel to add, edit, or delete content. Changes are reflected on the website in real time.\n\n## Live Demo\n\nCheck out the live version of the website [here](https://reachverse.github.io/school-website/).\n\n## License\n\nThis project is licensed under the Reach License\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freachverse%2Fschool-website","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Freachverse%2Fschool-website","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freachverse%2Fschool-website/lists"}