Community Site

community.edroplets.org

Build tool

Vite is used to manage builds and development HMR/tooling. Vite has been chosen over Webpack for its simplicity, speed, and developer experience (as contrasted to the main site).

See community/vite.config.ts for the Vite config we are using.

Source code structure

src/              # contains all source code for the project
|- components/    # components shared by different pages (e.g. navbar, footer, layout)
|- lib/           # utility functions/components used across the app
|- pages/         # pages as well as corresponding CSS files
|- router/        # React router configuration
static/           # static assets/content to be served (logos, favicons, images, etc.)

Components shared by the frontends will be in the shared UI package @edroplets/ui.

Overview

The community site is centered around two main types of content: projects and forum posts.

Both use similar underlying models, with projects effectively having additional information for attached files and other metadata for sharing design files.

The main page of the community site is a feed of recent and featured projects and forum posts. Then the

Underlying authentication uses the same system as the main site, allowing users to log in with their eDroplets account.