0.1.9 • Published 5 years ago
abc-teacher-report v0.1.9
Teacher report UI
This folder includes the frontend for teacher report of ABC project using Next.js.
Getting Started
Prerequisites
You will need Node and npm for this project. If you do not have them installed on your machine, you may follow the instructions here for installation.
Installing
Run the following to install the dependencies of the project.
npm i
Run locally
Start the server by running command below. Visit http://localhost:3000/ when it is up.
npm run dev
Directory Structure
.
|-- components
| |-- Component
| | |-- index.js # component definition
| | |-- Component.scss # component style file
| |-- ...
|-- pages
| |-- index.js # index UI
| |-- index.scss # index style file
|-- .npmignore
|-- next.config.js # Next.js config
|-- package.json
|-- package-lock.json
|-- postcss.config.js
|-- server.js
|-- README.md
Build static HTML file
Run following to generate and deploy the updated HTML file.
npm run build
Build version will be updated automatically and the SCSMCPS_TEACHER_REPORT_HTML_TEMPLATE_STR
under chalicelib/html_template.py
will be updated from the copy of dist/index.html
to serve the new report UI. Noted that this has to be run in /teacher_report_ui folder.