dalo-mdu / site

Dalo frontend development

DALO Web

The DALO website is created using Next.JS, TailwindCSS, TypeScript and using Strapi as CMS.

How to run

cd backend
yarn
yarn develop

Then open another instance

cd frontend
yarn 
yarn dev

site's Issues

NixOS - Discussion

Discussion regarding build on nix

Suggest a discord meeting

Multi language support

We have had requests to make all our information available in at least English, as well as Swedish, to enable international students to take part in our activities.

We should research on how to implement this the easiest.

• Research on translation
• Review

Sånger page is no longer ordered after overhaul

The "Sånger" page is no longer ordered. This makes it harder to navigate.

Uniform look for all devices 1 (Text boxes)

As a viewer the text boxes over flow the view boxes.

• Review

WireFrame

Create a general wireframe for dalo.se.

Suggestion is to use Figma as it is free or justinmind. Other tools are welcome!

This should then be but under doc/design/

In the repository

• Design in tool
• Pull Req Review

Create a project board for issue tracking

This will also be a good way on taking issues that are unsigned and adding milestones tracking

Lack of Readme

Generate a Readme file is always good:
https://rahuldkjain.github.io/gh-profile-readme-generator/

• structure of project
• dependency
• build env

Badges

• build
• Release
• systems

Lokal development

[ ] - Create a docker file on latest alpine or ubuntu that builds it local
[ ] - Create a build release for future use.

No favicon

We probably want some kind of favicon. The old site (the static one) had a small version of our logo.

Rendering on all devices

This is to make sure rendering is the same on all devices.

• Phone
• pc
• ipad

Research new calander ideas

[ ] - Research on adding a new calender or if it is possible to just get the data and display it in a normal.

[ ] - check if we should have a server only for event data

Build system CI CD

Rules:
Build - only create a job on build on pull req to master branch
Deploy - to system when code changes have been made to master

CI:

• standard code analysts for js.
• auto issues on failed builds.
• dependency check.

CD:

• standard check before deploy
• release build on master branch

Uniform look for all devices (menu)

As a developer check on Uniform design for all devices regarding the menu on the website. And make design suggestions on fix

• phone
• pc

Update the frontpage with info on our patch competition

We have our yearly patch competition coming up soon and we want to present that on our website.

Low contrast

Some places have a fairly low contrast which makes visual grepping harder with bad displays or bad eyes.

Some examples:

• Cards under "Kommande Evenemang" and cards on the "Styrelse" page in light mode
• "Skicka!" button on the "Kontakt" page

When having space/special character in event name it breaks

Use slug or urlencode

Old URL redirects

At this point we have at least 4 generations of websites (2013, 2016, 2019/gsites, 2022/Jekyll, current). We should investigate what pages these older versions had and redirect those URLs to equivalent pages in the current version when possible.

An alternative would be adding alarms to 404s and add rewrites when applicable.

color pallet

As a Front end developer it would be nice to have a color pallet for the fronted.

• create a file with color pallets in doc/design/
• review

CD Solution

As a Developer a good CD solution need to be implemented for our releases in the future.

• Research https://www.reddit.com/r/webdev/comments/th22kf/comment/ilgighx/?utm_source=share&utm_medium=web2x&context=3

Tagging release solutions

As we grow we need to keep track of the software version we publish. Research on a good tagging solution with GitHub and create a pof (Prof of concept).

• POF
• Review

Up-a-date-a the front-a page-a

The time for rookies is over, now only Datalogidagen matters!

https

As a student or company going in to a website that those not have https is scary and will not show some times in windows.

Check if their is a cookie that can redirect too https

displaying news/ongoing events

Create some kind of feed for displaying news/ongoing events in a nice section on the site.

• Concept design Figma
• Review next sprint

Fork exam repos

Fork the exam repo to dalo.se

https://github.com/Roslund/OldExams

Linting check

As a Developer a need for linting for code standardization is needed.

• [x ] Check Actions linting on github and if it supports our needs for md files and python.
• Create a POF on linting.
• Add spell correct
• Review

No ids/anchors

There is currently no headers with ids which means you can't make any anchors (e.g. https://dalo.se/about#Medlem) to said headers. This is especially a problem with regards to our Stadgar, it's a large document so being able to make a link to a specific section really helps.

Ideally we'd automatically generate ids/anchors for all relevant headers and have a link shown on hover (for an example, see how GitHub renders the headers in this repos readme).
Altough manually assigning ids would be a acceptable first step. This allows a tech savvy user to lookup the headers id themselves and make a correct link from that.

Self-service "Join DALO"

Small discussion regarding sign up for dalo members. Database solution ?