###Dear KrafThink Judges, our product was an application, so ignore the Readme for the website. To run the app effeciently, it will be better to remove the folder "WEBSITE" after cloning as it contains the code for the SkillBridge website.

SkillBridge - A Side Hustle for Mentors, A path forward for students

SkillBridge - The Application (Prototype) (Sneek Peek)

SkillBridge is a mentorship and appointment booking application built using Flutter and BLoC for efficient state management. It will seamlessly connect students with experienced mentors, allowing them to schedule one-on-one sessions, receive career guidance, and provide feedback through a rating system. The use of BLoC ensures a structured and scalable approach to managing app states, enhancing performance and user experience. SkillBridge empowers students to make informed career choices while enabling mentors to earn recognition and additional income.

⚡ Technologies

• Flutter(Dart) - The primary framework for building cross-platform mobile applications.
• Firebase - Provides a serverless backend and means for authentication. (Will be used when app is further developed)
• Styled-widget - Provides responsive UI design

🛠 Dependecies

• Cupertino-icons - Provides iOS-style icons.
• flutter_launcher_icons - Customization of app icons for iOS and Android. Etc.

🚦 Running the Project

To run the project

You need:

• Flutter
• Android Studio
• For Demo testing, you can open it in browser, if any error arises.

Download the dependencies using the command: ⬇️

# Install dependencies
flutter pub get
# Start the app
flutter run

🌍 How the prototype looks

📸 - Demo Images

(Drop Down)

SkillBridge - The Website

A mentor appointment booking website built with mongodb, express, reactjs and nodejs.

💡About this project

Welcome to SkillBridge, your trusted platform for empowering students and mentors through seamless guidance and collaboration. At SkillBridge, we recognize the challenges students face in navigating their academic and professional journeys, and we strive to make mentorship more accessible and impactful.

SkillBridge is dedicated to enhancing the mentorship experience with cutting-edge technology. Our platform ensures that students can connect with the right mentors, schedule meetings effortlessly, and track their progress, while mentors can manage sessions and showcase their contributions effectively. Whether you're a student seeking guidance or a mentor looking to share your expertise, SkillBridge is here to support you every step of the way.

⚡Technologies

• MONGODB - A NoSQL database that stores data in flexible, JSON-like documents.
• EXPRESS - A lightweight and flexible Node.js framework that simplifies backend development.
• REACT JS - A JavaScript library for building interactive user interfaces.
• NODE JS - A runtime environment that allows JavaScript to run on the server side.
• TAILWINDCSS- A utility-first CSS framework that speeds up styling and design.

🛠 Dependecies

• AXIOS - A promise-based HTTP client for making API requests.
• REACT ROUTER - A library for managing navigation in React applications.
• REACT TOASTIFY- A notification library for React. It helps display non-intrusive alerts for actions like successful appointment bookings, errors, or system updates, enhancing the user experience.

🚦 Running the Project

To run the project in your local environment, follow these steps: ⬇️

1️⃣ You need:

• Vite Tool
• NodeJs.
• Database (MongoDB) Free Cluster.

2️⃣ Create .env file:

• Create a .env file to store your credentials.

3️⃣ Download npm packages and Vite tool:

• For the backend side follow these steps: ⬇️

1. Run npm install in the project directory to install the required dependencies.
2. Run npm run server to get the project started.
3. Open http://localhost:4000 (or the address shown in your console) in your web browser to view the app.

• For the frontend side follow these steps: ⬇️

1. Run cd ../frontend/ should go folder field.
2. Run npm install in the project directory to install the required dependencies.
3. Run npm run dev to get the project started.
4. Open http://localhost:5173 (or the address shown in your console) in your web browser to view the app.

• For the admin side follow these steps: ⬇️

1. Run cd ../admin/ should go folder field.
2. Run npm install in the project directory to install the required dependencies.
3. Run npm run dev to get the project started.
4. Open http://localhost:5174 (or the address shown in your console) in your web browser to view the app.

🌍 How it looks

📸 - Demo Images

(Drop Down)