TH
Project

F4 Education System managing.

  • Java(Spring Boot)
  • Spring JPA
  • ReactJs
  • Bootstrap
  • SCSS
  • RESTful APIs
  • SQL Server
  • FireBase
F4 Education System managing.
Year

2023

Description

F4 Education is a comprehensive web application designed to revolutionize the management of programming education centers. Built with a powerful stack of React, Java (Spring Boot), and SQL Server, this system offers a seamless blend of front-end interactivity and robust back-end functionality.The application showcases a meticulously crafted architecture, leveraging Spring Boot's layered approach and JPA for efficient data handling. RESTful APIs serve as the backbone, enabling smooth communication between the dynamic React front-end and the Java back-end. This architecture ensures scalability and maintainability as the platform grows.Key features include intuitive CRUD operations for course and user management, an advanced search functionality with sorting capabilities, and detailed statistical analysis tools. The system also boasts a certificate generation module, adding a professional touch to student achievements.

Partner

  • - Nguyen Hoai Nam (Developer)
  • - Le Minh Duong (Developer)
  • - Nguyen Van Loi (Developer)

Service
  • front-end development
  • back-end developer
  • website development
  • education system
  • intergrate payment service
Site link will be update as soon as possible.
Image0

A page tracking student process on any course they registerd

Image1

A course detail page where user come see the course, price, and can register to our course

Image2

A page where people can checkout for course with 2 way to payment PayPal and VNPay

Image3

A landing page for F4 Education, inviting users to join millions of students in learning various programming languages

Image4

An attendance page where teacher can check when start class

Image5

A page where admin can manager a banking questions for the exams at the end of the course

Image6

A certificate of completion for a course named 'NextJS cơ bản cho người mới'

Image7

An admin dashboard displaying various metrics including traffic, new users, sales, and performance

Image8

A teacher's view of class results or performance

Image9

Another view of an educational dashboard or management interface

Up Next
Notion clone.
  • NextJs
  • SCSS
  • Tailwind
  • Convex
  • Typescript
  • EdgeStore
  • Clerk
Notion clone.
Blog website.
  • NextJs
  • Typescript
  • Tailwind
  • Convex
  • Framer motion
  • MDK TextEditor
  • Clerk(authentication)
Blog website.
Ecommerce website.
  • PHP (Laravel)
  • Bootstrap
  • SCSS
  • RESTful APIs
  • MySQL
Ecommerce website.
2024
No website now!
Portfolio website.
  • NextJs
  • SCSS
  • Tailwind
  • Typescript
  • Framer motion
Portfolio website.
I Hope We can work togetherSay Hi!tronghientran18@gmail.com