https://github.com/medienhaus/medienhaus-spaces

Customizable modular free and open-source environment for decentralized, distributed communication and collaboration.
https://github.com/medienhaus/medienhaus-spaces

javascript matrix matrix-org nextjs react

Last synced: about 1 month ago
JSON representation

Customizable modular free and open-source environment for decentralized, distributed communication and collaboration.

• Host: GitHub
• URL: https://github.com/medienhaus/medienhaus-spaces
• Owner: medienhaus
• License: agpl-3.0
• Created: 2022-01-28T10:40:51.000Z (almost 3 years ago)
• Default Branch: develop
• Last Pushed: 2024-04-10T14:04:30.000Z (9 months ago)
• Last Synced: 2024-04-11T16:21:48.894Z (9 months ago)
• Topics: javascript, matrix, matrix-org, nextjs, react
• Language: JavaScript
• Homepage: https://medienhaus.dev/
• Size: 7.27 MB
• Stars: 4
• Watchers: 1
• Forks: 1
• Open Issues: 29
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


### medienhaus/

Customizable, modular, free and open-source environment for decentralized, distributed communication and collaboration without third-party dependencies.

[Website](https://medienhaus.dev/) — [Fediverse](https://chaos.social/@medienhaus)




# medienhaus-spaces

This repository contains the code for the **medienhaus/** React application, which is designed to intuitively introduce all participants to the paradigm of federated communication through the modern technology our platform is built around.

The application itself is written in JavaScript, we're using the Next.js framework. Documentation can be found at [https://nextjs.org/docs](https://nextjs.org/docs).

## Development

If you don't want to dive deep and just get started use Docker. The provided `docker-compose.yml` file will fetch and start all necessary containers to develop, including a copy of Element. Just run `docker compose watch` to start. You can use `docker compose down` to stop & then also delete all containers.

### Installation

#### `npm install`

Installs all the application's dependencies.

### Configuration

Configuration happens in the `config.js` file.

### Available Scripts

In the project directory, you can run:

#### `npm run dev`

Runs the application in the development mode.


Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.


You will also see any lint errors in the console.

#### `npm run export`

Builds a production-ready version of the application and exports it to the `out` directory. The build is minified and the filenames include the hashes.

### Linting

We use [`ESLint`](https://github.com/eslint/eslint) and [`Prettier`](https://github.com/prettier/prettier). The respective configuration files should be detected automatically.

### Customisation

You can add custom styles or override existing ones by adding `enableUserCssOverrides : true` to `config.js` and adding `_userOverrides.css` to `/assets`. This file will be loaded _after_ the default styles.

You can also define a custom path to a css file by adding `customCssPath : 'path/to/your/css'` to `config.js`, which will be loaded _instead_ of `_userOverrides.css`.