Coder Social home page Coder Social logo

lms-fsoft-intern-react's Introduction

Education Management Web Application

👋 Welcome to our Project in the internship (term Spring 2023) at FPT Software 👋

Table of Contents

Description

  • This is a MOCK project to practice Angular knownledge.
  • This application is used for Fresher Academy to support create and management classes easily. This website helps the operation staff of FA in managing and scheduling classes, with features as follow: - Create and manage the syllabus's content. - Create and manage training program. - Plan and manage classes. - Report classes by week, quarter.
  • This web works well on desktop, not for mobile.
  • This project started from 20-02-2023 to 10-04-2023.

Preview Screenshot

Demo

Demo clip: https://youtu.be/PppfskgZD9w

Login Home    Login Create new Class   

Technology

1. Frontend

  • Angular

2. Backend

  • .NET

3. Database

  • Microsoft SQL Server

4. Tool

  • VSCode

Functional requirements

1. Super admin:

  • Login by provided username and password
  • Create Classes
  • Search, Sort, and Filter Syllabus
  • Search, Sort, and Filter Training programs
  • Search, Sort, and Filter Classes
  • Create Syllabus
  • Create Training programs

2. Class admin

  • View tables

3. Trainee:

  • View tables

Useful Resources

# # Name Description
1 - Mock Project Source code
2 - Figma screens The given screen design on Figma
3 - Document Folder All of document files (Weekly Report, Product Backlog, SRS, Design Document)
4 - Presentation Slide Presentation slide for defense day

Contributors

1. Mentors:

  • Main Mentor: Le Duc Huy (HuyLD6)

2. Members:

3. Detail task:

# Name Screens
1 Nguyễn Trung Thông Create Class - add name, Create Class - add program, Create Class - tooltip1, Create Class - tooltip2, Create Class - add info, Create Class - add trainer, Create Class - view syllabus
2 Lê Cáp Ngọc Long Import Syllabus, Create Training Program - import, Create Training Program - name, Create Training Program - syllabus, Create Training Program - general, User management - general, User management - permission
3 Trần Kim Đạt List of Class - general, List of Class - filter, Class details - general, Training Calendar - general by day, Training Calendar - general by week, Training Calendar - filter, Training Calendar - week with search
4 Huỳnh Khánh List of Syllabus, Syllabus details - general, Syllabus details - outline, Syllabus details - other, Create Class - add syllabus, Create Class - create syllabus
5 Trần Hoàng Duy List of Training Programs - view programs, List of Training Programs - filter, Training Program detail - general, Training Program detail - detail, Training Program detail - material, User management - import
6 Nguyễn Minh Nhựt Login, Forgot password, Create Syllabus - general, Create Syllabus - outline, Create Syllabus - other, User management - search

References

Angular CLI: This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 15.1.2.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.

Some Code

function logSomething(something) {
  console.log("Something", something);
}

License & Copyright

© 2023 Group1-HCM23_CPL_React_03

lms-fsoft-intern-react's People

Contributors

dattk2002 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.