{"id":13765195,"url":"https://github.com/cardbox/frontend","last_synced_at":"2026-01-21T19:14:53.492Z","repository":{"id":38363962,"uuid":"278861065","full_name":"cardbox/frontend","owner":"cardbox","description":null,"archived":false,"fork":false,"pushed_at":"2023-02-17T00:13:10.000Z","size":3826,"stargazers_count":72,"open_issues_count":17,"forks_count":7,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-05-07T17:05:33.915Z","etag":null,"topics":["effector","feature-sliced","framework","razzle","react","typescript"],"latest_commit_sha":null,"homepage":"","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/cardbox.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2020-07-11T12:52:39.000Z","updated_at":"2025-02-06T06:43:37.000Z","dependencies_parsed_at":"2023-02-18T13:00:45.164Z","dependency_job_id":null,"html_url":"https://github.com/cardbox/frontend","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":"effector/razzle-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cardbox%2Ffrontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cardbox%2Ffrontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cardbox%2Ffrontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cardbox%2Ffrontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cardbox","download_url":"https://codeload.github.com/cardbox/frontend/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253480541,"owners_count":21915249,"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":["effector","feature-sliced","framework","razzle","react","typescript"],"created_at":"2024-08-03T16:00:35.280Z","updated_at":"2026-01-21T19:14:53.481Z","avatar_url":"https://github.com/cardbox.png","language":"TypeScript","readme":"# Cardbox Frontend\n\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](http://prettier.io) [![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/) [![Conventional Commits](https://img.shields.io/badge/Conventional%20Commits-1.0.0-yellow.svg)](https://conventionalcommits.org) [![](https://img.shields.io/badge/feature/slices-1.0-blue)](https://featureslices.dev/v1.0)\n\n## Get Started\n\n1. **Clone** repository\n\n1. Prepare **local certificate authorithy**\n\n   Setup via [mkcert](https://github.com/FiloSottile/mkcert):\n\n   ```bash\n   mkcert -install\n   ```\n\n   Then generate your personal local certificates for cardbox:\n\n   ```bash\n   yarn prepare:certs\n   ```\n\n1. Setup local **env** for development\n\n   Copy from `.env.sample` file and make sure the default settings are correct\n\n   ```properties\n   # Change some if you need\n   RAZZLE_SESSION_TOKEN=XXXXXX\n   CLIENT_PUBLIC_PATH=https://localhost:9101/\n   PORT=9100\n   BACKEND_URL=https://cardbox.sova.dev/api/internal\n   ```\n\n1. Install and run:\n\n   ```bash\n   yarn install\n   yarn start\n   ```\n\n### Other commands\n\n```bash\nyarn api     # update api by codegen\nyarn lint    # lint project with fix\n```\n\n## Development\n\n### HotReload\n\nSometime you should manually restart server for new changes\n\n```bash\n# Just type and press ENTER:\nrs\n```\n\n### Effector\n\n- Use `import {} from \"effector-root\"` instead of `\"effector\"`. All units should be created in the root domain.\n- Use `import { debug } from \"patronum\"` for debug effector units\n\n### Structure\n\nProject designed by [FeatureSliced](https://feature-sliced.design/)\n\n\u003e **WIP:** Project is migrating from FSv1 to FSv2\n\n#### app\n\n- `src/app/application.tsx` — Application component, that have global styles and effector provider\n- `src/app/server.tsx` — Express server, that renders React to stream\n- `src/app/client.tsx` — Browser side entry point, that hydrates stores and react app\n- `src/index.tsx` — Node.js entry point, that have hot module replacement and imports server\n\n#### pages\n\n- `src/pages/index.tsx` — Pages component\n- `src/pages/:page-name/index.tsx` — View for single specific page\n- `src/pages/:page-name/model.ts` — Business-logic for specific page, that contains single level logic layer\n\n#### shared\n\n\u003e **WIP:** soon will be placed at `src/shared`\n\n- `src/lib` — Internal libraries\n- `src/ui` — Internal UIKit\n- `src/lib/effector` — START event name to use as page property\n","funding_links":[],"categories":["Examples"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcardbox%2Ffrontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcardbox%2Ffrontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcardbox%2Ffrontend/lists"}