🍕 app.opensauced.pizza 🍕

The site provides insights to Open Source projects.

The figma for this project can be found here.

This project uses Atomic Design for it's Components. Here are several resources for Atomic Design if you are unfamiliar:

• Atomic Design by Brad Frost
• Atomic Design - How To Make Web and UI Design Easier

The Storybook for this project can be found at design-insights.opensauced.pizza.

npm run storybook

Navigate to the Storybook Action. Choose your branch in the "Run Workflow" dropdown.

To install the application:

npm ci

To start a local copy of the app on port 3000:

npm run dev

Note: For the best local development experience, it is recommended to have the Netlify CLI installed globally. Follow the installation guide to set up Netlify CLI on your machine.

To start a local copy of the app on port 3000 with Netlify Edge Functions):

netlify dev

To check the code and styles quality, use the following command:

npm run lint

This will also display during development, but not break on errors.

To fix the linting errors, use the following command:

npm run format

A production deployment is a complete build of the project, including the build of the static assets.

npm run build

We encourage contributors to open issues or take a look at the Bugs or Papercuts. If you would like to find good first issues, please check out the companion project to this, open-sauced/hot or check out the #good-first-issues channel in our Discord.

We encourage you to contribute to OpenSauced! Please check out the Contributing guide for guidelines about how to self-assign an issue and how to get started.

We have a commit utility called @open-sauced/conventional-commit that helps you write your commits in a way that is easy to understand and process by others.

It is generally integrated as an npm script but you can run it with npx as well:

npm run push

For any other npm based project or dotnpmrc defaulting to --yes:

npx -y @open-sauced/conventional-commit

Got Questions? Join the conversation in our Discord.
Find OpenSauced videos and release overviews on our YouTube Channel, and check out the resources on our Dev.to org.