{"id":13422470,"url":"https://github.com/Nilanth/cra-template-redux-auth-starter","last_synced_at":"2025-03-15T12:30:41.583Z","repository":{"id":38977793,"uuid":"333020060","full_name":"Nilanth/cra-template-redux-auth-starter","owner":"Nilanth","description":"Create React App boilerplate template with React, Redux Toolkit,  React Router, Ant Design, Axios, Redux-Saga, SASS, Authentication, Routes. No configuration is required, Start building your App.","archived":false,"fork":false,"pushed_at":"2022-06-27T09:30:18.000Z","size":267,"stargazers_count":36,"open_issues_count":0,"forks_count":8,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-01T03:42:15.087Z","etag":null,"topics":["ant-design","axios","create-react-app","react-router","reactjs","redux","redux-saga","sass"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/Nilanth.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":"FUNDING.yml","license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":".github/SECURITY.md","support":null},"funding":{"github":"nilanth"}},"created_at":"2021-01-26T08:30:49.000Z","updated_at":"2024-09-16T17:32:11.000Z","dependencies_parsed_at":"2022-09-12T21:21:21.932Z","dependency_job_id":null,"html_url":"https://github.com/Nilanth/cra-template-redux-auth-starter","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nilanth%2Fcra-template-redux-auth-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nilanth%2Fcra-template-redux-auth-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nilanth%2Fcra-template-redux-auth-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nilanth%2Fcra-template-redux-auth-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Nilanth","download_url":"https://codeload.github.com/Nilanth/cra-template-redux-auth-starter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243730949,"owners_count":20338745,"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":["ant-design","axios","create-react-app","react-router","reactjs","redux","redux-saga","sass"],"created_at":"2024-07-30T23:00:45.667Z","updated_at":"2025-03-15T12:30:41.225Z","avatar_url":"https://github.com/Nilanth.png","language":"JavaScript","funding_links":["https://github.com/sponsors/nilanth","https://www.buymeacoffee.com/nilanth"],"categories":["Code Design","Marks"],"sub_categories":["Boilerplate"],"readme":"## Creat React App Redux Auth Starter Template\n\n[![Node version](https://img.shields.io/node/v/cra-template-redux-auth-starter.svg?style=flat)](http://nodejs.org/download/)\n[![npm](https://img.shields.io/npm/dm/cra-template-redux-auth-starter.svg)](https://www.npmjs.com/package/cra-template-redux-auth-starter)\n![GitHub](https://img.shields.io/github/license/nilanth/cra-template-redux-auth-starter)\n\n\nRedux auth starter is a preconfigured [Create React App (CRA)](https://github.com/facebook/create-react-app) template. You can start building your app with Zero configuration. \n\n### Usage\n\n```\nyarn create react-app your-project-name --template redux-auth-starter\n```\n### Or\n\n```\nnpx create-react-app your-project-name --template redux-auth-starter\n```\n\nnpx command installs most recent stable version of CRA from npm. --template parameter points to this template, note that cra-template- prefix is omitted.\n\nNext \n```\ncd your_project_name\n```\n\n### `yarn start`\n\nRuns the app in the development mode.\\\nOpen [http://localhost:3000](http://localhost:3000) to view it in the browser.\n\nThe page will reload if you make edits.\\\nYou will also see any lint errors in the console.\n\n### `yarn build`\n\nBuilds the app for production to the `build` folder.\\\nIt correctly bundles React in production mode and optimizes the build for the best performance.\n\nThe build is minified and the filenames include the hashes.\\\nYour app is ready to be deployed!\n\n### This CRA template includes\n - React\n - Redux Toolkit\n - React Router\n - Axios\n - Redux Saga\n - Ant Design\n - SASS\n - Auth Routes\n - Preconfigured store, actions, sagas \n - Code Splitting\n\n### Advantages\n- Mock authentication is configured with [reqres](https://reqres.in/) API.\n- Public and Private routes are configured\n- Redirect to the private route after successful login, Prevent access to public pages after login and Prevent access to the private pages before login.\n- UI components are styled with [Ant Design](https://ant.design/).\n- To access different API verbs, axiosClient helper is included.\n- Basic Folder structure.\n- **Absolute Imports**\n- **.env** file included.\n- ESLint \n\nMore feature coming on the way...\n\n### Folder Structure\n```\n.\n├── README.md\n├── jsconfig.json\n├── package.json\n├── public\n│   ├── favicon.ico\n│   ├── index.html\n│   ├── logo192.png\n│   ├── logo512.png\n│   ├── manifest.json\n│   └── robots.txt\n├── src\n│   ├── App.js\n│   ├── App.scss\n│   ├── App.test.js\n│   ├── app\n│   │   ├── axiosClient.js\n│   │   ├── rootReducers.js\n│   │   ├── rootSaga.js\n│   │   └── store.js\n│   ├── common\n│   │   └── utils\n│   │       └── constants.js\n│   ├── features\n│   │   ├── Dashboard.js\n│   │   ├── OnBoarding\n│   │   │   ├── LoginPage.js\n│   │   │   ├── authenticateAPI.js\n│   │   │   └── authenticationSlice.js\n│   │   └── Users.js\n│   ├── index.css\n│   ├── index.js\n│   ├── logo.svg\n│   ├── reportWebVitals.js\n│   ├── routes\n│   │   ├── ProtectedRoutes.js\n│   │   └── routes.js\n│   └── setupTests.js\n└── yarn.lock\n```\n### Quick Start\n\nAfter installing the template\n\n1. Update the API Host url in .env file and restart the app\n\n```\nREACT_APP_HOST_URL = https://reqres.in/api/\n```\n\n2. Write your app features in **features** directory.\n\n\n3. Write your global scss in **App.scss** file.\n\n\n4. Write your authentication API's in features/OnBoarding/authenticateAPI.js file.\n\n\n5. Include your component reducer,  saga in rootSaga.js and rootReducers.js to add them to redux middleware.\n\n\n6. Edit the Lint rules in **.eslintrc.json** file.\n\n## Contributing\n\nPlease see [CONTRIBUTING](.github/CONTRIBUTING.md) for details.\n\n## Security Vulnerabilities\n\nPlease review [our security policy](../../security/policy) on how to report security vulnerabilities.\n\n## Credits\n\n-   [Nilanth](https://github.com/nilanth)\n-   [All Contributors](../../contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](LICENSE.md) for more information.\n\n## Support\n\nThis project needs a ⭐️ from you. Don't forget to leave a star ⭐️\n\nIf you found this template helpful, consider supporting me with a coffee.\n\n\u003ca href=\"https://www.buymeacoffee.com/nilanth\" target=\"_blank\"\u003e\u003cimg src=\"https://cdn.buymeacoffee.com/buttons/v2/default-red.png\" alt=\"Buy Me A Coffee\"  height=40 \u003e\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FNilanth%2Fcra-template-redux-auth-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FNilanth%2Fcra-template-redux-auth-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FNilanth%2Fcra-template-redux-auth-starter/lists"}