Welcome to Education Hub,
“find your dream school”

📑 ABOUT PROJECT

reach your dream school through your hands without having to go anywhere. Find more details about the school

1. Who are the costumer
   • Administrators who want to promote their school
   • Students who want to find a school
2. What do they suffer from?
   • Promote school
   • Looking for school
3. How do I answer their need?
   • Provides a platform that can make it easier for students to find schools

DOCUMENTATION

⚙ FE

• 🌐 Deployment : Vercel
• 🖼 Prototype : FIGMA

⚙ BE

• SWAGGER

🤝 Collaboration

• GitHub Repository for FrontEnd
• GitHub Repository for BackEnd

🔮 FEATURES

• Auth (Register & Login)
• Role (Administrator or Student)
• Forget Password

🧑‍💼 As Administrator

• CRUD Profile
• CRUD School
  • Detail School
    • NPSN
    • Name
    • Adress
    • Quantity (Student, Teachers, Staff)
    • Accreditation
    • Image
    • Link Youtube Url Embedded
    • Pdf
  • Create Google Meet
  • CRUD Extracurricular
  • CRUD Achievement
  • CRUD default FAQ
  • CRUD Quiz
• Detail Student Admission
• Update Student Admission progress

🧑‍💻 As Student

• CRUD Profile
• Searching School
• Look at Detail School
  • NPSN
  • Name
  • Adress
  • Quantity (Student, Teachers, Staff)
  • Accreditation
  • Image
  • Video
  • Pdf
  • Gmeet date
  • Extracurriculars
  • Achievements
• Add Review to School
• Registration to School
  • Form Registration
  • Quiz
  • Payment

🧰 Installation

Clone this project

git clone https://github.com/education-hub/FE.git
cd fe

⌛ Install

npm install

🚀 Usage

npm run dev

🛠️ Built With

• Vite
• TypeScripct
• Tailwind CSS
• Headless UI
• React Hook Form
• React Pdf Viewer
• React Pdf Renderer
• Axios
• React
• React Cookie
• React Dom
• React Router Dom
• Sweetalert2
• React Icons
• Validation Zod

📁 Folder Structure

fe
├─ public
├─ src
│  ├─ assets
│  ├─ components
│  │  ├─ Accordion.tsx
│  │  ├─ AccordionStudent.tsx
│  │  ├─ Button.tsx
│  │  ├─ Card.tsx
│  │  ├─ ComboBox.tsx
│  │  ├─ Footer.tsx
│  │  ├─ Input.tsx
│  │  ├─ Layout.tsx
│  │  ├─ Navbar.tsx
│  │  └─ videoBackground.tsx
│  ├─ pages
│  │  ├─ Admin
│  │  │  ├─ AddSchool.tsx
│  │  │  ├─ Admission.tsx
│  │  │  ├─ DetailAdmission.tsx
│  │  │  ├─ EditSchool.tsx
│  │  │  ├─ index.tsx
│  │  │  ├─ padfDetailAdmission.tsx
│  │  │  ├─ Profile.tsx
│  │  │  ├─ TestResult.tsx
│  │  │  └─ UpdateProgress.tsx
│  │  ├─ Auth
│  │  │  ├─ ForgetPassword.tsx
│  │  │  ├─ Login.tsx
│  │  │  ├─ NewPassword.tsx
│  │  │  └─ Register.tsx
│  │  ├─ Student
│  │  │  ├─ DetailSchool.tsx
│  │  │  ├─ FirstRegistration.tsx
│  │  │  ├─ HerRegistration.tsx
│  │  │  ├─ index.tsx
│  │  │  ├─ Profile.tsx
│  │  │  ├─ Progress.tsx
│  │  │  ├─ RegisterSchool.tsx
│  │  │  ├─ RegisterForm.tsx
│  │  │  └─ Transaction.tsx
│  │  ├─ About.tsx
│  │  ├─ Disclaimer.tsx
│  │  ├─ Team.tsx
│  │  └─ index.tsx
│  ├─ routes
│  │  └─ index.tsx
│  ├─ styles
│  │  └─ index.tsx
│  ├─ utils
│  │  └─ user.tsx
│  └─ main.tsx
│  └─ vite-env.d.ts
├─ .eslintrc.cjs
├─ .gitignore
├─ index.html
├─ package-lock.json
├─ package.json
├─ postcss.config.json
├─ README.md
├─ tailwind.config.json
├─ tsconfig.json
├─ tsconfig.node.json
├─ vercel.json
└─ vite.config.ts

🤖 BEST TEAM

BE

• Satrio Wibowo : Github

FE

• Irwan Hadi : Github

• Yusuf Ashidicki Pradana : Github