Skip to content

Latest commit

 

History

History
115 lines (61 loc) · 5.18 KB

README.md

File metadata and controls

115 lines (61 loc) · 5.18 KB

UX/UI Research Prototype: Level Up - Find that first hustle that's actually lit.

UX UI Study

Landing Page

Level-Up-Your-Future

AI bot in action

levelup2

AI bot in action

level3

Running the Project

To get the project up and running locally, follow these steps:

  1. Clone the Repository: git clone https://github.com/INFINITYX00/LevelUp.git
  2. Navigate to the Project Directory: cd LevelUp
  3. Install Dependencies: npm install
  4. Set Up Environment Variables: Create a .env file in the root directory of the project. Use .env.example as a template if provided, and add the necessary environment variables:
    OPENAI_API_KEY=your_openai_api_key
    OPENAI_MODEL_ID=gpt-3.5-turbo
    Replace your_openai_api_key with your actual OpenAI API key.
  5. Run the Project: Start the server with npm start

Our Problem

Today's 16-18-year-old students face a daunting challenge: navigating the complex landscape of career exploration and preparation. Traditional career resources can be overwhelming, unengaging, and fail to provide personalised guidance. Moreover, there's a growing need to identify and nurture students' passions and motivations to bridge the gap between education and employment.

Our Solution: Hustle Ninja - The AI-Powered Career Sidekick

Hustle Ninja is a gamified, AI-driven platform designed to empower students aged 16-18 in their journey towards their first job. It combines captivating UX, personalised guidance, and interactive resources to make career exploration exciting and accessible.

Key Features & Design Principles

Interactive AI Assistant (Hustle Ninja)

  • Why the Current ChatGPT Interface is Unsuitable: The standard ChatGPT interface lacks personality and visual appeal, failing to engage a generation accustomed to vibrant digital experiences. Research suggests that Gen Z responds positively to gamification, humour, and relatable characters.

  • Our Redesign: Hustle Ninja, a cute ninja cat avatar, serves as the student's friendly and knowledgeable career guide. The conversational interface uses age-appropriate language and gamified elements to foster engagement.

Personalised Dashboard

  • Addressing Overwhelm: Studies indicate a rise in ADHD diagnoses among students, highlighting the importance of minimising cognitive overload.

  • Our Solution: The draggable, customisable dashboard allows students to organise content according to their preferences. AI-powered recommendations ensure relevance to the student's chosen career path. Content includes:

    • Challenges to build portfolio projects

    • Suggested readings, videos, and online courses

    • Personalised career advice

Captivating UX & UI

  • Landing Page (Attached Image): A vibrant, inviting design sets the tone for an engaging user experience. The playful ninja cat mascot adds personality, while clear calls to action guide users.

  • Gamification: Progress bars, badges, and rewards systems motivate and track student achievements.

  • Anonymous Profiles: Protects student privacy while allowing for personalised recommendations.

Identifying Passion & Motivation

  • AI-Driven Insights: Hustle Ninja's interactions with students reveal their interests, strengths, and engagement levels, providing valuable data for educators and potential employers.

  • Gamified Challenges: Completing challenges and actively participating in the platform demonstrate initiative and dedication.

Impactful Outcomes

  • Empowered Students: Gain confidence and clarity in their career choices

  • Engaged Learners: Actively participate in skill-building and career exploration

  • Data-Driven Insights: Identify motivated students and tailor support accordingly

  • Bridging the Gap: Connect students with relevant resources and opportunities

Additional Considerations (Future Development)

  • Community Features: Enable students to connect, share experiences, and collaborate.

  • Employer Partnerships: Provide a platform for companies to connect with motivated young talent.

  • Mentorship Opportunities: Facilitate connections between students and industry professionals.

Remember, Hustle Ninja is not just a tool; it's a companion on the journey towards a fulfilling career. By combining cutting-edge technology, captivating design, and personalised guidance, we can truly level up the future for our students.

Our MVPS

mvps

Future Roadmap

Roadmap

Project Technology Stack

The project codebase was composed with the following list of technologies:

Language % of Codebase
CSS 40.6
JavaScript 32.1
HTML 27.3