opera-romana-pellegrinaggi / litcal-anniversari-frontend

Liturgical Anniversary Calculator

This frontend is a Next.js application using Yarn v4.

After cloning the repo, you must run corepack enable in the project folder in order to be able to use the local yarn.

Then run yarn install to install dependencies.

Getting Started

Run the development server:

yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.js. The page auto-updates as you edit the file.

To build the project to static resources that can be uploaded to a remote server, run:

yarn build

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Translating

This frontend application is using Next I18n for translations. There are two namespaces:

• translation: this is for all of the UI elements in the application
• anniversary: this is specifically for the names of anniversaries

Because there are two namespaces, there are also two translation components on our weblate service (click on either image to go the translation page):

translation ns	anniversary ns

However the data that is displayed for each anniversary event cannot be translated on the frontend application, this data comes from the backend and must be translated in the translation components for the backend. The backend also has two translation components, one for common strings (error messages and translations of the anniversary 'type'); the other for the actual data for each event.

common	event data

litcal-anniversari-frontend's Issues

migrate to Next JS

Seeing that Create React App has reached end of life, it would be useful to migrate to a newer framework such as Next JS.

Sidebar close persistence on mobile

Currently, the left sidebar will stay closed once it is closed a first time. On a desktop, there is a small icon which allows to reopen the sidebar, however on mobile the small icon disappears, making it effectively impossible to reopen the sidebar.
Either make sure the icon appears on mobile, or the open/closed state should not be persistent.