WeTeach Website

Duration

2 months

Platform

Web
PWA

Tech Stack

Vue.js
Vite
Firebase
Tailwind
TypeScript
PrimeVue
Netlify
GitHub
Trello

Project Type

Individual
Client Project

My Roles

Full-Stack Developer
Designer

WeTeach Website

A comprehensive tutoring platform built with Vue and Firebase that enables tutors to schedule sessions and students to book them. This website serves as the digital hub for We Teach, a tutoring organization connecting qualified instructors with students seeking academic support.

Project Overview

WeTeach is a tutoring organization that needed a digital platform to streamline their operations. The website allows tutors to schedule classes, students to sign up for classes, and administrators to oversee and manage the entire process.

Key Features

  • User Authentication: Secure login system for students, tutors, and administrators
  • Session Scheduling: Tutors can schedule classes for specific subjects, and students can sign up for classes
  • Credit System: Students can purchase different types of credits to sign up for different types of classes
  • Payment Processing: Integration with payment gateway for credit purchases
  • Notifications: Push notifications for session reminders
  • Admin Dashboard: Comprehensive dashboard for administrators to manage users, classes, economy, and more

Frontend Development

The frontend was built using Vue.js with TypeScript for type safety. PrimeVue was used for UI components, providing a consistent and professional look and feel. The application was designed to be responsive, ensuring a seamless experience across all devices.

Backend Development

Firebase was chosen as the backend solution for its real-time database capabilities, authentication system, and cloud functions. This allowed for:

  • Real-time updates across the platform
  • Secure user authentication
  • Serverless functions for business logic
  • Cloud storage for user files and resources

Payment Processing

EasyCard was integrated for payment processing, allowing students to purchase credits securely. Netlify Functions were used to handle payment webhooks, which then triggered Firebase Functions to update user credit balances.