/PTE-FUTO

An E-Learning platform that provides a centralized hub for students of Polymer and Textile Engineering Department, offering course outlines, downloadable handouts and past questions, GPA calculator and a blog platform with educational content.

Primary LanguageTypeScript

PTE-FUTO

  • Polymer and Textile Engineering Department, Federal University of Technology, Owerri.

Overview

PTE-FUTO is an E-Learning platform built to solve certain problems Polymer and Textile Engineering students face in FUTO in their day to day life.

Problem: Students often struggle to find all the resources they need for success in one place. Course outlines, learning materials, textbooks, past questions and even GPA calculators can be scattered across different websites or physical locations. Which could pose as an obstacle for students making them have little or no access to these resources and information.

Solution: This E-learning platform basically offers a centralized hub for students, providing:

  • Course Outlines: Easy access to course syllabi and structures.
  • Learning Resources: Downloadable PDFs, files, materials, manuals and textbooks relevant to their studies.
  • GPA Calculator: A tool to track and calculate their academic performance.
  • Blog: Educational and Informative content, tips, and updates for students.
  • Student Dashboard: A personalized workspace for managing their learning journey.

Overall Benefits:

  • Improved organization and accessibility of learning materials.
  • Streamlined study process and easier tracking of academic progress.
  • Access to valuable educational content and resources.

This platform has the potential to be a valuable resource for students, saving them time and effort in finding the information they need to succeed.

Features

  • User Authentication (Custom Student's Registeration).
  • Student Profile and Update Student Profile.
  • Notification System.
  • GPA Calculator (with predetermined courses and credit units for all levels )
  • Course Outlines of all courses in all levels in the department.
  • Learning Resources ( Including handouts, textbooks, and past questions ) of all courses in all levels in the department.
  • Student Dashboard and Personalized workspace.
  • Blog section on articles related and non-related to the department.
  • Create and delete comments and replies on each blog.
  • About Department section including its history, philosophy, objectives and a timeline of the head of departments.
  • Department Image Gallery Section

Screenshots

Screenshot 1 Home Page

Screenshot 2 About Section

Screenshot 3 Student's Dashboard with personalized learning resources, gpa calculator and course outlines

Screenshot 3 Login page

Screenshot 4 E-Book Download Page where users can download textbooks, past questions and handouts.

Installation

  1. Clone the repository: git clone https://github.com/chrismbah/PTE-FUTO.git
  2. Navigate to the project directory: cd PTE-FUTO
  3. Install dependencies: npm install

Usage

  1. Run the app: npm run dev
  2. Open your web browser and go to: http://localhost:5173

Tech Stack

Client

  • React
  • Typescript
  • Tailwind CSS
  • Flowbite Tailwind UI Component Library
  • React Framer Motion (Animations)
  • Vite

Server

  • Firebase

Environent Variables

To run this project, you will need to add the following environment variables to your .env file

REACT_APP_FIREBASE_API_KEY
REACT_APP_FIREBASE_AUTH_DOMAIN
REACT_APP_FIREBASE_PROJECT_ID
REACT_APP_FIREBASE_STORAGE_BUCKET
REACT_APP_FIREBASE_MESSAGING_SENDER_ID
REACT_APP_FIREBASE_APP_ID
REACT_APP_MEASUREMENT_ID

Live Demo

Check out the live demo of this platform : PTE-FUTO