Loading...
Winner
8/18/2024
Joe's Average Joes
A chatbot to help those in schools get a head start on their career plans, empowering future generations.
A Project Made By
Submitted for
Empowering future careers in the low carbon sector
Built At
School of Code - CodeFest!
Hosted By
Joe's Average Joes - Codefest Hackathon Submission
Welcome to the submission from Team Joe's Average Joes for the Codefest Hackathon. We are excited to showcase our final project, we may be named average but our end result is certainly not.
Project Overview
Our project was built to meet the specific needs of our stakeholder, Joe Trodden from Powering Futures. The challenge was to develop a user-friendly frontend for a custom chatbot designed to help school children explore future career options. Our goal was to create a solution that is intuitive, accessible, and aligned with the stakeholder’s brand identity.
Technology Stack
Our codebase was built using the following technologies:
Technology | % of Codebase |
|---|---|
JavaScript | 74.5% |
HTML | 18.5% |
CSS | 7% |
Key Features
- Anonymous Chatbot: A live transcript feature ensures that conversations are documented in real time, while maintaining user anonymity.
- Sanitized User Input: To prevent XSS attacks, ensuring a secure experience.
- Mobile-Friendly Design: The interface is optimized for both desktop and mobile devices, providing a seamless user experience across platforms.
- Consistent Branding: Use of stakeholders branding to create a cohesive experience between our page and future integration into the Powering Futures website.
Development Approach
Collaboration was at the core of our development process. To ensure everyone on the team had a deep understanding of the entire codebase, we adopted a pair programming approach, rotating team members regularly. This not only fostered knowledge sharing but also kept us agile, allowing us to adapt quickly to any challenges. We concluded the development phase with a comprehensive code review, reinforcing team-wide familiarity with the project.
Project Phases
- Setup: Established the GitHub repository, initialized project files, and deployed the initial version. Environment variables were used to securely manage API keys.
- API Integration: Integrated the frontend with the API, ensuring smooth communication and data retrieval.
- Basic Front-End: Developed an initial front-end interface to display API responses.
- Refinement: Enhanced the code by refactoring logic and improving user input handling.
- Security: Implemented input sanitization to protect against XSS attacks, followed by finalizing the styling.
- Final Touches: Completed the final styling adjustments and logic tweaks, and then pushed to the deployed version.
- Submission: Officially submitted our project to the Hackathon Party.
Future Enhancements
- User Authentication: Enable users to log in and save their chat transcripts for future reference.
- Dark/Light Mode: Introduce theme options to improve user comfort and accessibility.
- Contextual Resource Links: Implement dynamic links to career-related resources based on the current conversation context. We are proud of what we’ve achieved and hope you find our project both innovative and practical. Thank you for considering our submission!