{"id":19135147,"url":"https://github.com/uptechteam/fe-admin-material-template","last_synced_at":"2025-11-12T22:02:27.416Z","repository":{"id":114165169,"uuid":"538370016","full_name":"uptechteam/FE-admin-material-template","owner":"uptechteam","description":null,"archived":false,"fork":false,"pushed_at":"2022-12-13T07:22:21.000Z","size":503,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-22T17:49:36.070Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","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/uptechteam.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":"2022-09-19T06:50:48.000Z","updated_at":"2022-09-19T06:52:59.000Z","dependencies_parsed_at":"2023-06-28T18:15:33.895Z","dependency_job_id":null,"html_url":"https://github.com/uptechteam/FE-admin-material-template","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/uptechteam/FE-admin-material-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uptechteam%2FFE-admin-material-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uptechteam%2FFE-admin-material-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uptechteam%2FFE-admin-material-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uptechteam%2FFE-admin-material-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/uptechteam","download_url":"https://codeload.github.com/uptechteam/FE-admin-material-template/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uptechteam%2FFE-admin-material-template/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":284115870,"owners_count":26949957,"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","status":"online","status_checked_at":"2025-11-12T02:00:06.336Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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-11-09T06:29:20.045Z","updated_at":"2025-11-12T22:02:27.390Z","avatar_url":"https://github.com/uptechteam.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React admin template MUI\n\n## Table of Contents\n\n- [Installing](#installing)\n  - [Requirements](#requirements)\n  - [Run locally](#run-locally)\n- [Developing](#developing)\n  - [Tech stack](#tech-stack)\n    - [Language](#language)\n    - [Core Frameworks](#core-frameworks)\n    - [State Manager](#state-manager)\n    - [UI Libraries](#ui-libraries)\n    - [Chart Libraries](#chart-libraries)\n  - [Content guide](#content-guide)\n    - [Project Structure](#project-structure)\n    - [Component folder structure](#component-folder-structure)\n    - [Store folder structure](#store-folder-structure)\n    - [Component Structure](#component-structure)\n- [Deploying](#deploying)\n  - [Tag vX.Y.Z](#tag-v-x-y-z)\n  - [Deploy to Dev Environment](#deploy-to-dev-environment)\n  - [Deploy to Prod Environment](#deploy-to-prod-environment)\n\n## Installing\n\n### Requirements:\n\n- [Node.js](https://nodejs.org/uk/) 16 or higher\n- [Yarn package manager](https://yarnpkg.com/)\n\n### Run locally\n\n1. Install dependencies\n\n```bash\nyarn install\n```\n\n2. Start dev server\n\n```bash\nyarn start\n```\n\n3. Open `http://localhost:3000` in a browser\n\n## Developing\n\n### Tech stack\n\n#### Language\n\n- [TypeScript](https://www.typescriptlang.org/docs/)\n\n#### Core Frameworks\n\n- [React](https://reactjs.org/)\n\n\n#### UI Libraries\n\n- [MUI](https://mui.com/material-ui/getting-started/installation/)\n\n\n### Content guide\n\n#### Project structure\n\n- [Atomic design](https://bradfrost.com/blog/post/atomic-web-design/)\n\n```\napp/\n  public/\n    favicon.ico\n  src/\n    assets/\n      images/\n    components/\n      atoms/\n      molecules/\n      organisms/\n      templates/\n    core/\n      constants/\n      types/\n      hooks/\n      hocs/\n      helpers/\n    pages/\n    styles/\n    utils/\n```\n\n#### Component folder structure\n\n```\norganisms/\n  Modal/\n    hooks/\n      useModal.ts\n      useModal.utils.ts\n    Modal.tsx\n    Modal.test.tsx\n    Modal.styles.ts\n    Modal.types.ts\n    Modal.utils.ts\n```\n\n#### Component structure\n\n```Form.tsx\nimport React from 'react';\nimport Auth from 'aws-cognito';\n... // internal libraries\n\nimport { ... } from '@constants';\nimport { useValidation } from '@hooks';\n... // global helpers\n\nimport { ... } from '@atoms';\nimport { ... } from '@molecules';\nimport { ... } from '@mui/material';\n... // components\n\nimport { ... } from './Form.styles';\nimport { ... } from './Form.utils';\nimport { FormDataType } from './Form.types';\nimport { useForm } from './hooks/useForm';\n... // component helpers\n\ninterface Props extends HTMLAttributes\u003cHTMLFormElement\u003e {\n  ...\n};\n\nexport const Form: React.FC\u003cProps\u003e = ({ onSubmit, ...attributes }) =\u003e {\n  const [formData, onChange, handleOnSubmit] = useForm(onSubmit);\n\n  if (!formData) {\n    return null;\n  }\n\n  return (\n    \u003cform { ...attributes } onChange={onChange}\u003e\n      ...\n    \u003cform\u003e\n  );\n};\n\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fuptechteam%2Ffe-admin-material-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fuptechteam%2Ffe-admin-material-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fuptechteam%2Ffe-admin-material-template/lists"}