Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/0-vortex/create-react-app-5-test

Experimenting with create-react-app@5 configuration repository for opensauced.pizza
https://github.com/0-vortex/create-react-app-5-test

Last synced: 9 days ago
JSON representation

Experimenting with create-react-app@5 configuration repository for opensauced.pizza

Awesome Lists containing this project

README

        




Open Sauced

๐Ÿ• Open Sauced ๐Ÿ•


The path to your next Open Source contribution





CodeQL


Compliance


Development


Release


Publish stories if changed


Netlify Status

Dependabot Badge
GitHub code size in bytes
GitHub commit activity

GitHub issues


GitHub Release


Discord


Twitter

Open Sauced provides structured onboarding for new contributors to open source. This structure provides a way to track your next contributions by leveraging a unique dashboard built on top of the [GitHub GraphQL API](https://docs.github.com/en/free-pro-team@latest/graphql).

[![open-sauced-screencap](./src/images/homepage.png)
](https://opensauced.pizza)

## ๐Ÿค Contributing

We encourage you to contribute to Open Sauced! Please check out the [Contributing guide](https://docs.opensauced.pizza/contributing/introduction-to-contributing/) for guidelines about how to proceed.

### ๐Ÿ“– Prerequisites

In order to run the project from a container we need `node>=14`, `npm>=7` and `docker>=20` installed on our development machines.

### ๐Ÿ–ฅ๏ธ Local development

```sh
npm ci
npm start
```

### ๐Ÿงช Test

For running the test suite, use the following command. Since the tests run in watch mode by default, some users may encounter errors about too many files being open. In this case, it may be beneficial to [install watchman](https://facebook.github.io/watchman/docs/install.html).

```sh
# the tests will run in watch mode by default
npm test

# to clean snapshots
npm run clean
```

### ๐Ÿ“™ Storybook

Storybook is being leveraged to mock out visual React components. The latest version of the design system can be found at this [URL](https://sauced-components.netlify.app/).

```sh
npm run storybook
```

![storybook example screenshot](https://user-images.githubusercontent.com/5713670/68147486-0cd14600-ff32-11e9-8cc0-fd91f4171b87.png)

### ๐Ÿ”‘ Authentication

Authentication is handled through [OneGraph's AuthGuardian](https://www.onegraph.com/docs/auth_guardian.html) service.

### ๐Ÿ’พ Database

This project uses GitHub as a database. When you login, you will be presented with a button to create a goals repository. That repository template lives at [open-sauced/goals-template](https://github.com/open-sauced/goals-template).

### ๐Ÿ’จ Service Worker

This project uses the sw-precache to kickstart an offline cache. The offline cache only registers in production. If service needs to be manually removed make an **unregister** call from the registerServiceWorker.js import.

### ๐ŸŒ™ Dark Mode

This project supports "dark mode" styling, and by default it will follow the color preference on your device. It also allows for overriding this using buttons at the top right of the screen, which will persist the preference to local storage on your device. More info about color preference web API's can be found here: [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme)

### ๐Ÿ“ Markdown Support

This project leverages [Remirror](https://remirror.io/) for a delightful experience in documenting your Open Source goals. The editor supports markdown features including heading levels, bulleted lists, text formatting, code snippets, and emojis!

## ๐Ÿ• Community

Got Questions? Join the conversation in our [Discord](https://discord.gg/U2peSNf23P).
Find Open Sauced videos and release overviews on our [YouTube Channel](https://www.youtube.com/channel/UCklWxKrTti61ZCROE1e5-MQ).

## ๐ŸŽฆ Repository Visualization

[![Visualization of this repository](./public/diagram.svg)
](./src)

## โš–๏ธ LICENSE

MIT ยฉ [Open Sauced](LICENSE)