shiksha-platform / frontend-modulefederation Goto Github PK

Description

Standalone application language file set.

Set for 4 modules

• Attendance
• Classes
• Student
• Time Table

Screenshots

Description

Build Android app so that it can be deployed to playstore

Description

• Timetable separate module creation
• Code cleanup

webpack remotes uses webpack config file at build time. so host app must know where the remotes are deployed beforehand. This can be used in prod env so we need to externalise the remotes url config.

Ref - https://www.npmjs.com/package/external-remotes-plugin

Description

Attendance Updated Ui change

number of change

• success alert in popup summary report
• last updated time in popup summary report
• Marking all present new spinner loader.

Screenshots

Let's implement posthog (https://posthog.com/) for telemetry tracking in the frontend.

The SDK documentation https://posthog.com/docs/integrate/client/js#autocapture seems to indicate that just adding the SDK will automatically start tracking all pageviews and click events.

@Shruti3004 @arajput can you verify if this will work in react, and if additional effort is needed to make it work with module federation ?

@rahul101001000 @SaketSinha

Description

Implemented UI subject timetable

Steps followed and expected result

• code transfer from old repo.
• bug fixing
• code structuring

Description

• Code splitting
• created Molecules and atoms
• created HOC for button, Link - this is done with refrence with the react-final-form pattern for form button
• created a HOC for Loader
• Created a navigationRoute file so that even if the route name changes in future we can just update the navigationRoute file and it will update all over the application

Description

The new stand alone notification module creation.

Features

• list of Inbox (read as mark, delete, view info)
• Inbox - Filter notification by module, class, recipient parent
• Add New Notification (Sending an instant notification , Scheduling a notification)
• list of outbox (Scheduled by admin and teacher)
• list of outbox send (Scheduled by admin and teacher)

Screenshots

• inbox

• Inbox - Filter notification

• Add New Notification

• Outbox

• Outbox - Scheduled

• Outbox - Sent

App shell with header, footer navigation and root level routes

Description

Hide Footer link at stand alone application

Abstract Postaljs to EventBus class in common-lib package.

Description

Creating a standalone module for the attendance which can be integrated in the teacher application.

Attendance module features

• Ui integration

Description

• code splitting in molecule and atom structure
• moving constants like moments date time formats and localstorage function to separate file
• dead code removing

Update the developer documentation as per the comments here: shiksha-platform/shiksha-community#4

Description

Components library and other component pages in code.

Description

• updated all The APIs used in the application to V2
• Updated StudentsServiceRegistery
• Updated TeacherServiceRegistery
• Updated ClassServiceRegistery
• Updated Login API response changes in frontend
• updated manifest.json in application to point at new V2 API end point

Description

Modules and host application are deployed on same server. modules are deployed at subdirectory within host application.
Host Application - Teacher's app - https://sandbox.shikshaplatform.io/
Classes Modules - https://sandbox.shikshaplatform.io/modules/classes
Attendance Modules - https://sandbox.shikshaplatform.io/modules/attendance
Worksheet Modules - https://sandbox.shikshaplatform.io/modules/worksheet

The remote modules work within host application
but it does not work as standalone url

How to reproduce

Describe the bug and list the steps you used when the issue occurred.

Screenshots

If applicable, add screenshots to help explain your problem.

Versions

• Last commit id on master:
• Operating System (lsb_release -a):
• Browser [e.g. chrome, safari]:

Logs

Any logs (if any) generated in

Each module should have its own translations files.
Translation file paths are configured in module manifest file
Application bootstrap code reads manifest entries for i18n and initialises i18n module.

Current issues in frontend's login page
dependences

1. teacherServiceRegistry,
2. Header -> IconByName, AppBar->manifest, IconByName,
3. useNavigate (in AppBar) which required login component must be enclosed within router

Description

Today attendance Mark all present for all student of class.

Steps followed

All students will present after the Mark all present

Description

Listing of teacher classes at my classes tab
Module federation conversion of classes
code de-structuring

Sub-task

• code splitting for classes component
• API integration for teacher classes
• module federation code conversion

Description

On every commit push to main branch, verify that build and tests are passing.

Description

• Added language translation files in classes package
• Added language translation files in attendance pakage

Description

Please describe your issue in few words here.

How to reproduce

Step 1: Go to https://sandbox.shikshaplatform.io/modules/attendance/
Step 2: Login with credentials
Step 3: Click on Edit attendance, modify attendance
Step 4: Click edit attendance, modify attendance, Save attendance
Step 5: Modal opens, go to the bottom and press close button
Question -> Where should the user be re-directed.
Right now they are incorrectly re-directed to edit mode only.

Screenshots

Versions

• Last commit id on master:
• Operating System (lsb_release -a):
• Browser [e.g. chrome, safari]:

Logs

NA

Description

As changes by visual team update UI Changes in Timetable.

Description

• Class module code splitting into atoms and molecules structure (in molecules the code specific to that component is kept along with the functional component or dumb component that are used to render UI only but they are only specific to that module only)
• Created HOC for Link and Button.
• Created a assets.js file which contains code which is passed as a props to the common-lib exmple will be _header
• created a routes folder in services which will have all the routes used for navigation in router so even in future some route changed there will be modification only at a single file

Description

After a teacher takes attendance then, she/he sees an option to "Save". The behaviour of this save button is confusing right now and needs to be decluterred.

How to reproduce

Step 1: Go to https://sandbox.shikshaplatform.io/modules/attendance/
Step 2: Login with credentials
Step 3: Click on Edit attendance, modify attendance and then save the attendance
Step 4: Some confirmation should be shown to the teacher
Step 5: The report dialog is coming abruptly right now, it should be a smooth flow.

Expected behavior:
On save, the user should have a nudge - either visual or audio or both (like after payment on Gpay, Paytm) that save is done, and now they are being redirected to reports page, where they can take action to send SMS.

Screenshots

Versions

• Last commit id on master:
• Operating System (lsb_release -a):
• Browser [e.g. chrome, safari]:

Logs

NA

Description

On one button click user should be edit or view.

Steps followed

• on edit state user can be edit the attendance.
• on view state user only view the attendance.

Description

worksheet module url is not working

How to reproduce

open url https://sandbox.shikshaplatform.io/modules/worksheet/

It looks like it is navigating to timettable

Screenshots

Versions

• Last commit id on master:
• Operating System (lsb_release -a):
• Browser [e.g. chrome, safari]:

Logs

Any logs (if any) generated in

Description

Appropriate favicon for the Shiksha, currently it displays react logo

Description

• Student module creation
• Student module integration with teacher app
• Code formatting

Steps followed and expected result

• Created a separate project and integrated with teacher app
• moved the student route code in module
• code formatted

Description

Rename Timetable module to Calendar

Description

Attendance module - Visual Design on Mark all as Present needs to be reviewed with the Visual design team.

How to reproduce

Step 1: Go to https://sandbox.shikshaplatform.io/modules/attendance/
Step 2: Login with credentials
Step 3: Click on Edit attendance
Step 4: Mark all as Present
The user can see an animation of action being completed. This visual cue needs to be reviewed with Visual design team.

Screenshots

Versions

• Last commit id on master:
• Operating System (lsb_release -a):
• Browser [e.g. chrome, safari]:

Logs

Any logs (if any) generated in

Description

When a user goes to the attendance module, they have to press the Edit button and then they can update the attendance. However, there is a conflicting flow between Done and Save. If a user has not saved and clicked on Done, what should happen? Should we even have the flow with "Done"?

How to reproduce

Step 1: Go to https://sandbox.shikshaplatform.io/modules/attendance/
Step 2: Login with credentials
Step 3: Click on Edit attendance, modify attendance
Step 4: Click on Done
Step 5: Click edit attendance, modify attendance, Save attendance
Step 6: it still requires you to click on done.
At this point as a user I was really baffled that has my actions have been saved or not

Screenshots

Versions

• Last commit id on master:
• Operating System (lsb_release -a):
• Browser [e.g. chrome, safari]:

Logs

NA

Description

Fix the meta tags for teacher app currently its showing "Website created using create react app"

Description

• Class module code splitting into atoms and molecules structure (in molecules the code specific to that component is kept along with the functional component or dumb component that are used to render UI only but they are only specific to that module only)
• Created HOC for Link and Button.
• created a routes folder in services which will have all the routes used for navigation in router so even in future some route changed there will be modification only at a single file

Description

The App title is currently React App It should be either Shiksha related.

Screenshots

Description

• attendance language connector added in app.js
• classes language connector added in app.js
• worksheet language translation file added

Description

Telemetry Event Capture function in common-lib

Description

Assuming that the frontend is always going to use modulefederation, I think it would be a good exercise to remove that from the title of the repo.

Description

The new stand alone profile module creation.

Features

• Teacher profile info,
• Teacher profile Update
• Teacher mark attendance.
• Attendance Report

Screenshots

Teacher profile info

Teacher profile Update

Teacher mark attendance

Description

Build Error -

(rpt2 plugin) Error: /github/workspace/packages/common-lib/src/components/AppShell.tsx(5,24): semantic error TS2307: Cannot find module '@shiksha/common-lib' or its corresponding type declarations.
Error: /github/workspace/packages/common-lib/src/components/AppShell.tsx(5,24): semantic error TS2307: Cannot find module '@shiksha/common-lib' or its corresponding type declarations.
at error (/github/workspace/node_modules/rollup/dist/shared/node-entry.js:5400:30)

How to reproduce

Describe the bug and list the steps you used when the issue occurred.

Screenshots

If applicable, add screenshots to help explain your problem.

Versions

• Last commit id on master:
• Operating System (lsb_release -a):
• Browser [e.g. chrome, safari]:

Logs

Any logs (if any) generated in

Description

When a user goes to edit the attendance, right now, on every status change an API call is triggered to save the attendance. Should we proceed this way or should we make an array and call the API when the user clicks on the save button?

How to reproduce

Step 1: Go to https://sandbox.shikshaplatform.io/modules/attendance/
Step 2: Login with credentials
Step 3: Click on Edit attendance, modify attendance

Note: The Mark all as present is an array-based call right now, while single attendance is an API call every time.

Why do we need the save button?
Users have this innate behavior to mark something as saved to feel closure.

Screenshots

Versions

• Last commit id on master:
• Operating System (lsb_release -a):
• Browser [e.g. chrome, safari]:

Logs

Any logs (if any) generated in

Description

Footer Navbar is not taking 100% width.

How to reproduce

visit - http://sandbox.shikshaplatform.io/ (or run app in dev. environment)
login
observe the footer width in browser

Screenshots

If applicable, add screenshots to help explain your problem.

Versions

• Last commit id on master:
• Operating System (lsb_release -a):
• Browser [e.g. chrome, safari]:

Logs

Any logs (if any) generated in

Description

Attendance Report shows the attendance status for the students

Following are the pages

• Report
• Report details
• Compere report

Description

User can not select language

How to reproduce

Screenshots

If applicable, add screenshots to help explain your problem.

Versions

• Last commit id on master:
• Operating System (lsb_release -a):
• Browser [e.g. chrome, safari]:

Logs

Any logs (if any) generated in

Description

SMS (Communication) Attendance and student

Description

Mark attendance by class of students

Steps followed

• API integration for mark attendance.
• list of students.

Expected result

• expected result to be mark attendance and show relative icon.

Description

All the today attendance of student summary by gender.

Steps followed and expected result

• Attendance summary
• 100% Attendance This Week
• Choose students for attendance SMS