https://github.com/worldbrain/website
All data related to our website
https://github.com/worldbrain/website
Last synced: about 1 year ago
JSON representation
All data related to our website
- Host: GitHub
- URL: https://github.com/worldbrain/website
- Owner: WorldBrain
- License: mit
- Created: 2019-06-26T16:39:50.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2023-07-19T05:53:22.000Z (almost 3 years ago)
- Last Synced: 2025-04-09T22:21:48.826Z (about 1 year ago)
- Language: JavaScript
- Size: 33.2 MB
- Stars: 1
- Watchers: 3
- Forks: 8
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Website
All data related to our website
## Developing
1. Check out this repo
2. Run `yarn`
3. Run `yarn start`
## Development practices
* All components and code are written in TypeScript
* All components which have styles are in a folder where the component is index.tsx, and the styles are styles.module.css. Example in `src/components/layout/header`
* Access to external state like the Auth system, or the network (instead of using fetch() directly), are done through the Services interface. All pages have access to the Services interface by inheriting from the `Page` component in `src/components/page.tsx`, through the protected method `getServices()`. Every page is responsible for passing down these services to the subcomponents that need them. (Explicit is better than implicit, so no React Contexts are used.) Temporary example in `src/pages/home`
* Shared colors in CSS are stored in variables. Colors used throughout the website are found in `styles/globals.module.css`, which you can explicitly import when you need it. Temporary example in `src/components/layout/header/styles.module.css`
TODO:
* What about CSS mixins?