{"id":14957333,"url":"https://github.com/operationcode/front-end","last_synced_at":"2025-04-14T06:02:25.479Z","repository":{"id":37887066,"uuid":"135777271","full_name":"OperationCode/front-end","owner":"OperationCode","description":"Operation Code's website","archived":false,"fork":false,"pushed_at":"2025-04-04T16:51:27.000Z","size":57862,"stargazers_count":372,"open_issues_count":19,"forks_count":270,"subscribers_count":27,"default_branch":"main","last_synced_at":"2025-04-07T00:13:03.590Z","etag":null,"topics":["beginner-friendly","css","cypress","hacktoberfest","hacktoberfest2017","hacktoberfest2018","hacktoberfest2019","hacktoberfest2020","jest","next","postcss","react","storybook"],"latest_commit_sha":null,"homepage":"https://operationcode.org","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/OperationCode.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"custom":"operationcode.org/donate"}},"created_at":"2018-06-02T01:23:17.000Z","updated_at":"2025-03-22T09:57:18.000Z","dependencies_parsed_at":"2024-05-28T20:16:10.957Z","dependency_job_id":"db784e82-6270-4596-9b65-2da1b109006a","html_url":"https://github.com/OperationCode/front-end","commit_stats":{"total_commits":3586,"total_committers":170,"mean_commits":"21.094117647058823","dds":0.545175683212493,"last_synced_commit":"bba779a50bc49b4c50290fa468b0baf9d9696f15"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OperationCode%2Ffront-end","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OperationCode%2Ffront-end/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OperationCode%2Ffront-end/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OperationCode%2Ffront-end/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/OperationCode","download_url":"https://codeload.github.com/OperationCode/front-end/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247569124,"owners_count":20959760,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["beginner-friendly","css","cypress","hacktoberfest","hacktoberfest2017","hacktoberfest2018","hacktoberfest2019","hacktoberfest2020","jest","next","postcss","react","storybook"],"created_at":"2024-09-24T13:14:43.401Z","updated_at":"2025-04-07T00:13:22.002Z","avatar_url":"https://github.com/OperationCode.png","language":"TypeScript","readme":"![](https://operation-code-assets.s3.us-east-2.amazonaws.com/branding/logos/large-blue-logo.png)\n\n[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)\n[![Twitter Follow](https://img.shields.io/twitter/follow/operation_code.svg?style=social\u0026label=Follow\u0026style=social)](https://twitter.com/operation_code)\n\n[![CircleCI](https://circleci.com/gh/OperationCode/front-end/tree/main.svg?style=svg)](https://circleci.com/gh/OperationCode/front-end/tree/main)\n[![Maintainability](https://api.codeclimate.com/v1/badges/5010b82ce5d8e319a597/maintainability)](https://codeclimate.com/github/OperationCode/front-end/maintainability)\n[![Cypress.io tests](https://img.shields.io/badge/cypress.io-tests-green.svg?style=flat-square)](https://cypress.io)\n\n[See unblocked, unassigned issues](https://github.com/OperationCode/front-end/issues?q=is%3Aopen+is%3Aissue+-label%3A%22Status%3A+Blocked%22+no%3Aassignee). We love our labels - feel free to filter issues to find what you want to work on.\n\n# Welcome!\n\nThis is the front-end application for [OperationCode](https://operationcode.org). We highly recommend [joining our organization](https://operationcode.org/join) to receive an invite to our Slack team. After registering, you'll receive a Slack invite via email and will want to join the `#oc-projects` channel. You can get help from multiple professional developers, including people who have worked on the application since day 1!\n\nBefore contributing, please review our [Contributing Guide](CONTRIBUTING.md).\n\u003cbr /\u003e\nDesigners, please review our [Contributing Guide for Designers](CONTRIBUTING_TO_DESIGN.md)\n\n## Quick Start\n\nIf you're unsure of how to start this app or code for it, don't worry! You're our target audience!\nPlease read our [Contributing Guide](CONTRIBUTING.md) to learn everything you need to be able to ask the right questions on our Slack team.\n\n**In continuing with the quick start instructions, it is assumed that you are no stranger to React applications, the JavaScript ecosystem, and standard GitHub workflows such as forking, cloning, and branching.**\n\nOur entire UI library is documented via [![Storybook](https://github.com/storybookjs/brand/blob/8d28584c89959d7075c237e9345955c895048977/badge/badge-storybook.svg)](http://storybook.operationcode.org)\n\nRequired versions of tools used within the repo:\n\n- Node: See [.nvmrc](https://github.com/OperationCode/front-end/blob/main/.nvmrc)\n- `yarn@1`\n- `git@2.17.1` or greater\n\n```sh\n# Install dependencies\nyarn\n\n# Run local development\nyarn dev\n\n# Use Storybook as a workbench when developing new components\nyarn storybook\n\n# Run all unit tests\nyarn test\n\n# Run all Cypress tests (make sure your dev server is running)\nyarn test:e2e\n\n# Create all the necessary files/folders for a new, reusable component\nyarn create-component $ComponentName\n\n# Create the necessary file with a small boilerplate for a new page\nyarn create-page $PageName\n```\n\n## Open Source Gratitude\n\nWe appreciate the following tools/companies that are providing us a service or platform for free or a heavily discounted rate.\n\nSorted alphabetically:\n\n---\n\n### Chromatic\n\n\u003ca href=\"https://www.chromatic.com/\"\u003e\u003cimg src=\"https://user-images.githubusercontent.com/321738/84662277-e3db4f80-af1b-11ea-88f5-91d67a5e59f6.png\" width=\"306\" height=\"60\" alt=\"Chromatic\" /\u003e\u003c/a\u003e\n\nThanks to [Chromatic](https://www.chromatic.com/) for providing the visual testing platform that helps us review UI changes and catch visual regressions.\n\n---\n\n### LogRocket\n\n\u003ca href=\"https://logrocket.com/\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/OperationCode/front-end/main/public/static/images/logrocket.svg\" alt=\"LogRocket\" width=\"306\" /\u003e\u003c/a\u003e\n\nThanks to [LogRocket](https://logrocket.com/) for providing time-saving context on every error and insight into our user's behavior,\n\n---\n\n### Sentry\n\n\u003ca href=\"https://www.sentry.io/\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/OperationCode/front-end/main/public/static/images/sentry.svg\" width=\"306\" height=\"90\" alt=\"Sentry\" /\u003e\u003c/a\u003e\n\nThanks to [Sentry](https://getsentry.io) for a wonderful experience with cataloguing and managing errors.\n\n---\n\n### Vercel\n\n\u003ca href=\"https://vercel.com\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/OperationCode/front-end/main/public/static/images/vercel.svg\" width=\"306\" height=\"90\" alt=\"Vercel\" /\u003e\u003c/svg\u003e\u003c/a\u003e\n\nThanks to [Vercel](https://vercel.com) for hosting and continuous deployment of all our web applications.\n","funding_links":["operationcode.org/donate"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foperationcode%2Ffront-end","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foperationcode%2Ffront-end","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foperationcode%2Ffront-end/lists"}