ElevateHub

ElevateHub - เส้นทางสู่ความช่วยเหลือจากผู้เชี่ยวชาญของคุณ

ElevateHub เป็นแพลตฟอร์มออนไลน์ที่เป็นนวัตกรรมที่ออกแบบมาเพื่อลดช่องว่างระหว่างสามเณรจูเนียร์และผู้เชี่ยวชาญที่มีประสบการณ์ในอุตสาหกรรมต่างๆ ไม่ว่าคุณจะเป็นนักเรียนที่กำลังมองหาคำแนะนำมืออาชีพที่กำลังมองหาคำแนะนำด้านอาชีพหรือบุคคลที่เผชิญกับอุปสรรคทางเทคนิค ElevateHub อยู่ที่นี่เพื่อเชื่อมโยงคุณกับที่ปรึกษาที่มีประสบการณ์จากทั่วโลก

ซ้อนเทค

-> คุณสมบัติสำคัญ <-

• การแก้แมลง พบข้อผิดพลาดที่ดื้อรั้นในรหัสของคุณที่ขัดขวางความคืบหน้าของคุณ? ไม่กลัว! ด้วย ElevateHub คุณสามารถขอความช่วยเหลือจากนักพัฒนาที่มีประสบการณ์ซึ่งสามารถช่วยคุณแก้ไขปัญหาและดีบักรหัสของคุณได้อย่างมีประสิทธิภาพ

• ความช่วยเหลือด้านอาชีพด้านเทคโนโลยี ในการนำทางภูมิทัศน์ที่ซับซ้อนของอาชีพด้านเทคโนโลยีอาจเป็นเรื่องที่น่ากลัวโดยเฉพาะอย่างยิ่งสำหรับผู้เริ่มต้น ElevateHub เป็นแพลตฟอร์มที่คุณสามารถขอคำแนะนำเกี่ยวกับเส้นทางอาชีพการพัฒนาทักษะโอกาสในการทำงานและข้อมูลเชิงลึกของอุตสาหกรรมจากมืออาชีพที่มีประสบการณ์

• การสนับสนุนทางวิชาการ การดิ้นรนกับแนวคิดหรือการมอบหมายทางวิชาการที่ท้าทาย? ElevateHub เสนอสภาพแวดล้อมที่สนับสนุนซึ่งคุณสามารถเชื่อมต่อกับบุคคลที่มีความรู้ซึ่งสามารถให้ความชัดเจนคำแนะนำและความช่วยเหลือเกี่ยวกับความพยายามด้านการศึกษาของคุณ

คู่มืออาคารทีละขั้นตอน:

หมายเหตุ: สำหรับแต่ละขั้นตอนการเขียนส่วนหน้า, รหัสแบ็กเอนด์, จัดเก็บข้อมูลใน db แล้วเลื่อนไปข้างหน้าไปยังขั้นตอนถัดไป

ขั้นตอนที่ 1:

สร้างหน้าเข้าสู่ระบบและลงทะเบียนสำหรับรุ่นน้องและรุ่นพี่

• ข้อมูลที่จะได้รับจากจูเนียร์/นักเรียน: ชื่ออีเมลโทรศัพท์
• ข้อมูลที่จะได้รับจากผู้สูงอายุ/ผู้เชี่ยวชาญ: ชื่อ, ความเชี่ยวชาญ, สนาม, วิทยาลัย, ตำแหน่งงาน

ส่วนหน้า:

• สร้างหน้าเข้าสู่ระบบและลงทะเบียน UI สำหรับรุ่นน้องและรุ่นพี่
• รวมฟิลด์ฟอร์มเพื่อจับข้อมูลที่ต้องการ
• ใช้การตรวจสอบแบบฟอร์มสำหรับฟิลด์อินพุต

แบ็กเอนด์:

• สร้างจุดสิ้นสุดสำหรับการรับรองความถูกต้องของผู้ใช้ (เข้าสู่ระบบและการลงทะเบียน) สำหรับทั้งรุ่นน้องและรุ่นพี่
• ใช้ตรรกะการตรวจสอบความถูกต้องและการรับรองความถูกต้อง
• จัดเก็บข้อมูลผู้ใช้ในฐานข้อมูล

ฐานข้อมูล:

• การออกแบบฐานข้อมูลสคีมาเพื่อจัดเก็บข้อมูลผู้ใช้ (รุ่นน้องและผู้สูงอายุ)
• สร้างตารางสำหรับจูเนียร์และผู้สูงอายุที่มีสาขาที่เหมาะสม

ขั้นตอนที่ 2:

หลังจากเข้าสู่ระบบจูเนียร์/นักเรียนพวกเขาจะต้องได้รับ 3 ฟิลด์ให้เลือก:

• การแก้แมลง
• ความช่วยเหลือด้านอาชีพด้านเทคโนโลยี
• การสนับสนุนทางวิชาการ

ส่วนหน้า:

• ใช้ UI สำหรับการเลือกเขตข้อมูลช่วยเหลือหลังจากเข้าสู่ระบบจูเนียร์

แบ็กเอนด์:

• อัปเดตโปรไฟล์ผู้ใช้เพื่อรวมฟิลด์ความช่วยเหลือที่เลือก
• จัดการการตั้งค่าและตัวเลือกของผู้ใช้ในแบ็กเอนด์

ขั้นตอนที่ 3:

• แสดงรายการผู้เชี่ยวชาญ/ผู้สูงอายุทั้งหมดที่ลงทะเบียนบนเว็บไซต์พร้อมข้อมูลรายละเอียดของพวกเขา

หมายเหตุ: รับข้อมูลของผู้เชี่ยวชาญ/ผู้สูงอายุที่ลงทะเบียนจาก DB

ส่วนหน้า:

• สร้างหน้าเพื่อแสดงรายการผู้เชี่ยวชาญ/ผู้สูงอายุที่ลงทะเบียนพร้อมรายละเอียดของพวกเขา

แบ็กเอนด์:

• ใช้ตรรกะเพื่อดึงและดึงผู้เชี่ยวชาญ/ผู้สูงอายุที่ลงทะเบียนจากฐานข้อมูล

ขั้นตอนที่ 4: (แชท)

• สร้างฟังก์ชั่นการแชทสำหรับผู้เชี่ยวชาญที่เลือกและจูเนียร์

หมายเหตุ: ที่นี่พวกเขาจะหารือเกี่ยวกับปัญหาและจำนวนค่าธรรมเนียมที่จำเป็นในการแก้ปัญหา

ส่วนหน้า:

• ใช้อินเทอร์เฟซแชทสำหรับการสื่อสารระหว่างรุ่นน้องและผู้เชี่ยวชาญที่เลือก

แบ็กเอนด์:

• พัฒนาจุดสิ้นสุดของ WebSocket หรือ HTTP เพื่อจัดการการส่งข้อความแบบเรียลไทม์ระหว่างผู้ใช้
• จัดเก็บข้อความแชทในฐานข้อมูลสำหรับการอ้างอิงในอนาคต

ขั้นตอนที่ 5: (เกตเวย์การชำระเงิน)

• รวมเกตเวย์การชำระเงินสำหรับการชำระเงินล่วงหน้า

ส่วนหน้า:

• ใช้ UI สำหรับการเริ่มต้นการชำระเงินเพื่อขอความช่วยเหลือจากผู้เชี่ยวชาญ

แบ็กเอนด์:

• บูรณาการ API ของเกตเวย์การชำระเงินสำหรับการประมวลผลการชำระเงิน
• จัดการสถานะการชำระเงินและอัปเดตโปรไฟล์ผู้ใช้ตามลำดับ

ขั้นตอนที่ 6: (พบกัน)

• ให้พวกเขามีตัวเลือกในการดำเนินการประชุมออนไลน์เพื่อแก้ปัญหา

ส่วนหน้า:

• ใช้ UI สำหรับการกำหนดเวลาและการประชุมออนไลน์ระหว่างรุ่นน้องและผู้เชี่ยวชาญ

แบ็กเอนด์:

• พัฒนาฟังก์ชันการทำงานสำหรับการกำหนดเวลาและการจัดการการประชุมออนไลน์
• รวม APIs การประชุมทางวิดีโอเพื่อการสื่อสารแบบเรียลไทม์

ขั้นตอนที่ 7:

• รับการชำระเงินขั้นสุดท้ายและข้อเสนอแนะจากจูเนียร์

ส่วนหน้า:

• ใช้ UI เพื่อยืนยันการชำระเงินขั้นสุดท้ายและรวบรวมข้อเสนอแนะจากรุ่นน้อง

แบ็กเอนด์:

• จัดการการยืนยันการชำระเงินและตรรกะการส่งข้อเสนอแนะ
• อัปเดตโปรไฟล์ผู้ใช้และบันทึกตามการชำระเงินและข้อเสนอแนะ

ชื่อโครงการ

คำอธิบายสั้น ๆ เกี่ยวกับสิ่งที่โครงการนี้ทำและเป็นใคร

การติดตั้ง

การสร้างส้อมของ repo และ clonning

1. โคลนที่เก็บ:

 git clone https://github.com/samarthhapse/ElevateHub 

2. นำทางไปยังไดเรกทอรีโครงการ:

 cd ElevateHub 

3. เพิ่ม GIT รีโมตต้นน้ำผ่านเทอร์มินัลนำทางไปยังไฟล์โปรไฟล์:

 git remote add upstream https://github.com/samarthhapse/ElevateHub 

ในการเริ่มต้นด้วย Frontend ElevateHub ให้ทำตามขั้นตอนเหล่านี้:

1. เริ่มหน้า:

 cd client

2. ติดตั้งการพึ่งพา:

 npm install

3. เพิ่มไฟล์ตัวแปรสภาพแวดล้อม .env ที่มีตัวแปร:

 CLIENT_ID=<THE-GOOGLE-AUTH-CLIENT-ID>
CLIENT_SECRET_KEY=<THE-GOOGLE-AUTH-CLIENT-ID>
CLIENT_REDIRECT_URL=<THE-URL-OF-YOUR-BACKEND>

VITE_APPWRITE_ENDPOINT=https://cloud.appwrite.io/v1
VITE_APPWRITE_PROJECT=<YOUR-APPWRITE-PROJECT-ID>

PORT=<PORT-AT-WHICH-YOUR-BACKEND-IS-RUNNING>

3. เรียกใช้ไคลเอนต์บน LocalHost:

 npm run dev

ในการเริ่มต้นด้วยแบ็กเอนด์ ElevateHub ให้ทำตามขั้นตอนเหล่านี้:

1. โดยตรงไปยังไดเรกทอรีโครงการ ElevateHub -> จากนั้นไปยังไดเรกทอรีเซิร์ฟเวอร์โดยใช้:

 cd server

2. ติดตั้งการพึ่งพา:

 npm install

3. เพิ่มไฟล์ตัวแปรสภาพแวดล้อม .env ที่มีตัวแปร:

 MONGO_URI=<YOUR-MONGODB-ATLAS-DATABASE-URL>
PORT=<PORT-YOUR-WANT-YOUR-BACKEND-TO-RUN>

CLOUDINARY_CLOUD_NAME=<YOUR-CLOUDINARY_CLOUD_NAME>
CLOUDINARY_API_KEY=<YOUR-CLOUDINARY_API_KEY>
CLOUDINARY_API_SECRET=<YOUR-CLOUDINARY_API_SECRET>

SERVER_ADDRESS=<WHERE_YOUR_BACKEND_IS_RUNNING_> eg(http://localhost/PORT_NO.)

#If your dont have these details create one on https://ethereal.email/ and create a demo account
MAIL_HOST=<MAIL-HOST>
MAIL_PORT=<MAIL-PORT>
MAIL_AUTH_USER=<MAIL_AUTH_USER>
MAIL_AUTH_PASSWORD=<MAIL_AUTH_PASSWORD>
MAIL_OWNER_FOR_AUTH=<MAIL_ID_OF_MODERATOR/OWNER_OF_WEBSITE>

JWT_SECRET_KEY=<YOUR-JWT_SECRET_KEY>

3. เรียกใช้ไคลเอนต์บน LocalHost:

 npm run dev

สิ่งนี้จะเปิดตัวส่วนหน้าแอปพลิเคชันในเว็บเบราว์เซอร์เริ่มต้นของคุณ

คุณสามารถเข้าถึงได้ที่ http://localhost:5173

ผู้มีส่วนร่วมของเรา❤

ขอบคุณที่มีส่วนร่วมในที่เก็บของเรา

แสดง❤โดยนำแสดงโดยที่เก็บที่ยอดเยี่ยมนี้!