This website, Resourcely, is built entirely with standard web technologies and tools created or integrated by our team. Frontend: HTML5 and CSS3 structure and style all pages, with JavaScript (ES6+) powering interactive features such as the dynamic "Login" dropdown, the arrow-flip animations, and navigation toggles. Optional libraries include Particles.js for the background visual effect, jQuery for DOM manipulation, and Chart.js for visualizations. Styling & Layout: Custom CSS is used for specialized components like the login dropdown and button animations. Google Fonts (Khula) provides consistent typography across interactive elements. The layout is designed to be responsive, ensuring components adapt to different screen sizes. Backend & Database: PHP 7+ handles server-side logic, such as determining the $currentPage to highlight active links and managing the routing for the Admin Panel. MySQL 8+ serves as the relational database, storing structured data for both resources and registered user information. PDF & Resource Management: All PDFs, including work logs and checklists, are provided via downloadable links. The Add Resource function allows administrators to input and manage data and image URLs, which are then dynamically fetched from the SQL database and displayed to users. Images & Graphics: All images and logos are prepared and optimized by our team. Partner logos and custom images are included in the site, ensuring accessibility and proper contrast. Accessibility & Standards: The website follows WCAG color contrast guidelines, with all text designed for readability. Buttons, links, and input fields are keyboard and screen-reader friendly, with text-decoration removed to maintain a clean, modern aesthetic. Development & Hosting Environment: Sublime Text is the primary code editor for development. XAMPP is utilized for local database management and SQL testing, while MAMP is used to host the website on a local server for real-time previewing and quality assurance. Version control and testing are managed via standard browser DevTools and Git. Overall, Resourcely combines a custom-built, fully accessible front-end with a robust local development stack and SQL integration to deliver an organized and interactive resource platform.