Client need

Federation EMA is a religious association registered in France. Their aim is to provide support and resources to member churches, through seminars and trainings. The duration of the training courses is last between 1 and 2 years with around 30 students registered.

First of all, the association needs a website with information about the new training, its vision and modalities. Secondly, the goal is to have a simple and effective platform to do actions as :

As an administrator	As a student
To manage the calendar of learning live sessions (on-site and remote), create assignment in the form of questionnaires with media resources, and see student activity.	Find all the important information for the training sessions, submit assignments, and access all training resources and recordings of past live sessions.

Methodology

The web design was done in collaboration with Eliseo Murillo.

Each feature was developed according to the training calendar and priorities, adding different functionalities progressively (following the agile methodology). The main features are :

• Static website, before the start of the training during the registration period
• Modeling of the data, initially stored in a flat json file in the code : resources, archives of past sessions, calendar, homework.
• Secure student access with password, with the first training resources and sessions schedule and calendar
• Switch data handling from a flat json to a MongoDb database
• Homework form submission pages for students
• Restricted administrator backoffice access in reading mode training information, students, homeworks data. Sessions are secured with a JWT token generated by the backend server and sent by email.
• Backoffice administrator access in edit mode to manage training information, calendar and homeworks, with file upload to AWS S3

Deliverable

Static website with differentiated student and administrator access. The project was structured as follows:

• Website in Server Side Rendering mode with the Astro framework and MongoDb database.
• On the front-end side, the components were developed with Tailwind CSS as well as Astro components and Vuejs for some more complex features.
• Deployed on AWS Lightsail

The site is currently online, visited by the 30 students and completely managed by the training administrators in autonomy.