Skip to content

Frontend

Matthias Monschein edited this page May 25, 2024 · 4 revisions

Note

The frontend was composed with Vue.js (and Vite) as its framework. Everything's written in TypeScript.

Pages

So rn there are essentially 6 (real) pages as you can also see in router.ts.

/ - Landing

This is sort of the main page. Right now it consists solely of a large search bar that you can use to query the backend for organizations and people - upon clicking on a search result, you're taken to a page where you can see more details about the organ you selected.

Landing

/p/:pid - Person

Here you can see detailed information on a person - i.e. their bio, their links, their network, etc.

Person

If you're authorized, you can also edit the person.

Edit person

There's another page for creating a new person - just /p. However, you have to be logged in to use it.

New person

/o/:oid - Organization

Same as the person page only for organizations.

Organization

Once again, if you're authorized, you can also edit the organization.

Edit organization

There's also another page for creating a new organization - just /o. However, you also have to be logged in to use this.

New organization

/login - Login

The login page - pretty self-explanatory.

Login

/playground - Testing page

This page literally only has the purpose of me messing about with new components to test them.

Clone this wiki locally