Welcome to the official DevMission Cohort #27 Class Directory project! This interactive platform showcases the journey, projects, and profiles of participants in the DevMission Pre-Apprenticeship Program. Explore the skills, experiences, and stories of future change makers in the tech industry.
This directory was designed to:
- Showcase student profiles: Highlight each participant’s journey, favorite experiences, and completed projects.
- Demonstrate technical skills: Provide a platform to practice and display skills in web development, JavaScript, C++, and more.
- Connect with others: Enable networking through links to personal portfolios, LinkedIn profiles, and other projects.
- Dynamic Student Profiles: Rotating bio section featuring names, bios, favorite moments, and project links.
- Photo Gallery: Displays a curated selection of images from the program.
- Interactive Circle UI: A rotating circular display for navigating through student head shots.
- Responsive Design: Fully mobile-friendly layout using Bootstrap and custom CSS.
- Integrated Media: Background videos and an image gallery showcasing the cohort's experiences.
- HTML5, CSS3, JavaScript
- Bootstrap 5: Responsive design framework
- Figma: For wire frames and UI design
- Airtable API: Dynamic data fetching for student profiles and gallery content
- Version Control: Git and GitHub
- Deployment: Glitch platform
- index.html: Main landing page with video and links to other sections.
- experience.html: Student directory with interactive navigation.
- Photos.html: Gallery page showcasing program images.
- style.css: Global styles for consistent design.
- experience.css: Styles specific to the student directory.
- bioBox.css: Custom styles for the bio section.
- experience.js: Handles bio transitions and interactive elements.
- Photos.js: Dynamically fetches and displays gallery images.
- rotation.js: Controls the interactive circular navigation.
📝 License This project is licensed under the MIT License. See the LICENSE file for details.
📧 Contact For any questions or suggestions, please contact the project team at:
Email: email Website: devmission