Instructions:
Please edit this README by filling in the required details.
Do not remove section headings.
-
Team Name: Bee
-
Team Members:
- Anargha Krishna
- Anjana C A – Register No
- Chaithra EK – Register No
- Chaithra S – Register No (if applicable)
-
Problem Domain: Challenges in career
-
Selected Problem Statement: Students often choose academic paths or careers without clear understanding of industry demands required skill sets or their own competency gaps .This disconnect between education choices and real world expectations results skill mismatch and employability challenges for graduates.
Many students choose their academic streams and career paths based on limited information, social influence, or outdated guidance. They often lack awareness of current industry demands, required skill sets, and their own competency levels. As a result, students may graduate with degrees that do not align with market needs, leading to skill mismatch, unemployment, or underemployment. This gap between education choices and real-world expectations creates frustration for students and inefficiency in the workforce.
Describe your solution clearly:
- What is your approach? Shows required skills, industry expectations, and learning roadmaps
Highlights the gap between the student’s current skills and industry needs
- How does it solve the problem? Students receive data-driven career guidance instead of guesswork They clearly understand: What skills and academic elegibility are needed for a chosen career What they need to learn next
- Key idea behind the solution.“Right Career + Right Skills + Right Time”.The core idea is to bridge the gap between education and industry by combining: Student self-assessment,Industry-aligned skill requirements
List the tools and technologies used:
- Programming Languages -HTML, CSS, JavaScript
- Frameworks / Libraries
- Tools / Platforms - firebase
Explain how your project works:
- Overall workflow -4
User Authentication
The user first lands on the login/signup page
Authentication is handled using Firebase Email & Password
Only authenticated users can access the platform
User Profile Collection
After login, the user enters personal and academic details (name, age, interests, education background, etc.)
These details are stored securely in Firebase Firestore
Career Category Selection
The system displays three main domains:
Arts
Science
Commerce
Each category occupies the full screen for better user focus
Career Exploration
On selecting a category, users see career options
Example:
Science → Doctor, Engineer
Commerce → CA, CMA
Arts → Lawyer, Teacher
Each career shows:
Required qualifications
Eligibility criteria
Syllabus & Roadmap View
Selecting a career displays:
Complete syllabus
Learning path / preparation steps
Helps students understand what lies ahead before choosing a career
Logout & Session Handling
Users can log out securely
Firebase manages session persistence
- Key features implemented -Secure Login System
Firebase Authentication
Prevents unauthorized access
📊 Structured Career Guidance
Careers grouped into clear categories
Avoids confusion and random choices
🧭 Syllabus Transparency
Shows actual syllabus for each career
Reduces mismatch between expectations and reality
💾 Cloud Data Storage
User details stored in Firebase Firestore
No local data loss
📱 Beginner-Friendly UI
Simple navigation
Mobile and desktop responsive design
- Any challenges faced and how you solved them
The project is structured as a simple, modular web application using HTML, CSS, JavaScript, and Firebase. The front end consists of separate pages for login, user details, home, category selection, career options, and syllabus display, each designed to guide the user step by step. HTML handles the page structure, CSS is used for consistent styling and responsiveness, and JavaScript manages page navigation, user interactions, and data flow. Firebase Authentication is used for secure user login, while Firebase Firestore stores user details and related data in the cloud. The logic is kept beginner-friendly by using minimal JavaScript files with clear functions, and all pages are connected through controlled redirects to ensure only authenticated users can access the main features of the website.
Add screenshots of your website or application inside the screenshots/ folder.
Mention them here:
- Screenshot 1 – login page
- Screenshot 2 – category page
(Screenshots are mandatory for evaluation)