{"id":24110221,"url":"https://github.com/lifeisbeautifu1/modern-react-app","last_synced_at":"2026-04-10T14:35:51.260Z","repository":{"id":270844426,"uuid":"911618775","full_name":"lifeisbeautifu1/modern-react-app","owner":"lifeisbeautifu1","description":"A modern React app (early 2025 edition)","archived":false,"fork":false,"pushed_at":"2025-02-20T18:08:08.000Z","size":2511,"stargazers_count":1,"open_issues_count":4,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-20T19:23:41.715Z","etag":null,"topics":["babel","browserslist","cicd","codecoverage","eslint","netlify-deployment","playwright","postcss","prettier","react","react-router","react-starter","stylelint","tailwindcss","typescript","vite","vitest"],"latest_commit_sha":null,"homepage":"https://modern-react-demo.netlify.app/","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/lifeisbeautifu1.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,"publiccode":null,"codemeta":null}},"created_at":"2025-01-03T12:52:20.000Z","updated_at":"2025-02-20T18:07:12.000Z","dependencies_parsed_at":"2025-01-03T14:36:36.420Z","dependency_job_id":"e1d2f962-3d56-4a4d-be23-cfc7f62a4183","html_url":"https://github.com/lifeisbeautifu1/modern-react-app","commit_stats":null,"previous_names":["lifeisbeautifu1/modern-react-app"],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lifeisbeautifu1%2Fmodern-react-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lifeisbeautifu1%2Fmodern-react-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lifeisbeautifu1%2Fmodern-react-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lifeisbeautifu1%2Fmodern-react-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lifeisbeautifu1","download_url":"https://codeload.github.com/lifeisbeautifu1/modern-react-app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241104284,"owners_count":19910402,"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":["babel","browserslist","cicd","codecoverage","eslint","netlify-deployment","playwright","postcss","prettier","react","react-router","react-starter","stylelint","tailwindcss","typescript","vite","vitest"],"created_at":"2025-01-11T01:13:04.907Z","updated_at":"2025-12-30T19:04:22.449Z","avatar_url":"https://github.com/lifeisbeautifu1.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![Netlify Status](https://api.netlify.com/api/v1/badges/87b62e2d-fcc2-4a84-b570-ca63bffe66ee/deploy-status)](https://app.netlify.com/sites/modern-react-demo/deploys)\n[![Build \u0026 Test](https://github.com/lifeisbeautifu1/modern-react-app/workflows/CI/badge.svg)](https://github.com/lifeisbeautifu1/modern-react-app/actions/workflows/ci.yml)\n[![Playwright tests](https://github.com/lifeisbeautifu1/modern-react-app/workflows/Playwright%20Tests/badge.svg)](https://github.com/lifeisbeautifu1/modern-react-app/actions/workflows/playwright.yml)\n[![codecov](https://codecov.io/github/lifeisbeautifu1/modern-react-app/graph/badge.svg?token=12ZEPZOBZL)](https://codecov.io/github/lifeisbeautifu1/modern-react-app)\n[![Made With Love](https://img.shields.io/badge/Made%20With-Love-red.svg)](https://github.com/lifeisbeautifu1)\n\n# A modern react app (January 2025 edition)\n\nThis is a public template to start up a preconfigured React app for best DX.\n\nThe main features of this template:\n\n- Editor config - for human-readable line length, consistent space indentations and end of line rules.\n- List of VS Code recommended extensions to enhance web developer experience.\n- `Husky` git hooks manager that enables running scripts at various points in the Git workflow (e.g., pre-commit).\n- `Lint-staged` runs linters on staged files only, ensuring code quality and formatting before commits.\n- `Stylelint` helps maintain consistent and error-free CSS code by enforcing coding standards and catching syntax errors.\n- `Eslint` to enforce consistent coding styles and catch potential errors in your JavaScript code.\n- `TypeScript` enhances code quality and maintainability in web development by providing static typing and advanced tooling features.\n- `PostCSS` allows you to transform CSS with plugins, enabling features like autoprefixing, nesting, and custom syntax, enhancing your workflow and code quality.\n- `Tailwind CSS` utility-first, flexible CSS framework for rapid custom styling and responsive design, promoting a component-based approach.\n- `Browserslist` allows you to specify target browser versions for your project, ensuring compatibility and optimized performance across different environments. (Integrated with eslint, stylelint and babel)\n- `Babel` for transpilation to ensure compatibility with older browsers and to leverage modern JavaScript features through plugins.\n- `Vite` for fast, lightweight, modern build tool with instant HMR and native ES module support.\n- `Vitest` testing framework optimized for Vite projects, supporting unit and integration testing with instant feedback.\n- `React Testing Library` user centric, lightweight testing utility for React applications, encouraging best practices by focusing on component behavior rather than implementation details.\n- `Playwright` cross-browser automation tool for end-to-end testing, enabling fast and reliable testing of web applications across multiple platforms.\n- `GitHub Actions` CI/CD automation tool for building, testing, and deploying code directly from GitHub repositories, enabling seamless workflows.\n- `Lighthouse` automated tool for performance, accessibility, and SEO auditing of web pages, providing insights for optimization.\n- `PWA (Progressive Web App)` web application that uses service workers for offline capabilities, background syncing, and improved performance, delivering a native app-like experience.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flifeisbeautifu1%2Fmodern-react-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flifeisbeautifu1%2Fmodern-react-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flifeisbeautifu1%2Fmodern-react-app/lists"}