{"id":16053440,"url":"https://github.com/pranavrajs/people-react-app","last_synced_at":"2026-04-19T21:39:00.160Z","repository":{"id":70009156,"uuid":"299295813","full_name":"pranavrajs/people-react-app","owner":"pranavrajs","description":"An employee management app using React and Redux. ","archived":false,"fork":false,"pushed_at":"2020-10-10T13:00:05.000Z","size":958,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-19T13:19:13.283Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pranavrajs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2020-09-28T12:05:38.000Z","updated_at":"2023-03-04T11:23:37.000Z","dependencies_parsed_at":"2023-02-26T05:15:20.237Z","dependency_job_id":null,"html_url":"https://github.com/pranavrajs/people-react-app","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pranavrajs%2Fpeople-react-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pranavrajs%2Fpeople-react-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pranavrajs%2Fpeople-react-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pranavrajs%2Fpeople-react-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pranavrajs","download_url":"https://codeload.github.com/pranavrajs/people-react-app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243288899,"owners_count":20267442,"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":[],"created_at":"2024-10-09T01:42:18.651Z","updated_at":"2025-12-26T21:52:25.392Z","avatar_url":"https://github.com/pranavrajs.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"### People React App\n\n[![Netlify Status](https://api.netlify.com/api/v1/badges/f599e6b1-f9ec-41df-b724-c126e964ff87/deploy-status)](https://app.netlify.com/sites/people-react-app/deploys)\n\nAn employee management app using React and Redux. The application is built using the following packages\n\n- [**React**](https://reactjs.org)\n- [**Redux Toolkit**](https://redux-toolkit.js.org) - An opinionated way of writing redux applications\n- [**Formik**](https://formik.org)\n- [**Jest**](https://jestjs.io) for tests\n- [**Storybook**](https://storybook.js.org) for component testing and documentation\n\n![App](.github/screenshots/app.png)\n\n### Live demo\n\nLive demo of this application can be viewed at [people-react-app.netlify.app](https://people-react-app.netlify.app)\n\n*Note: Persisent store is not added to the application, if you refresh the page, your data will be lost*\n\n### Setup\n\nYou need Node.js (12.x.x or greater) and Yarn package manager installed on your system.\n\nClone the project and run the following command\n\n```bash\nyarn\n```\n\nThis would install all required packages for the application.\n\n### Development\n\nThe following steps will guide you to setup the development environment\n\n### Storybook\n\nStorybook is an open source tool for developing UI components in isolation for React. To build a component, run storybook by using the following command.\n\n```bash\nyarn storybook\n```\n\nThe storybook will be available at http://localhost:6006\n\n### Application development\n\nTo run the application, use the following command\n\n```bash\nyarn start\n```\n\nThe application will be available at http://localhost:3000\n\n### Application deployment\n\nTo build the application for production, use the following commands\n\n```bash\nyarn build\n```\n\nThe output will be available in the `build` directory.\n\n### Themes\n\nThe application supports themeing with CSS Variables. Inorder to change the colors, take a look at 'src/stylesheets/colors.css';\n\nNote: CSS Variables are not supported in IE. If you want the application to work on IE, please add appropriate polyfills.\n\n\n### Testing\n\nWe use Jest and enzyme for testing. The tests corresponding to a component or redux slice can be viewed at `specs` folder.\n\nTo write a new spec on a new folder create a `specs` folder and create a file with the name `*.specs.js`\n\n```js\nyarn test\n```\n\nBy default the tests will be running in watch mode. To disable watch add `--watchAll=false` flag\n\n```bash\nyarn test --watchAll=false\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpranavrajs%2Fpeople-react-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpranavrajs%2Fpeople-react-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpranavrajs%2Fpeople-react-app/lists"}