{"id":14990582,"url":"https://github.com/crud0626/plantopia","last_synced_at":"2026-02-25T08:32:02.756Z","repository":{"id":191831461,"uuid":"685329281","full_name":"crud0626/plantopia","owner":"crud0626","description":null,"archived":false,"fork":false,"pushed_at":"2023-12-20T04:56:27.000Z","size":65876,"stargazers_count":0,"open_issues_count":2,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-26T18:44:21.796Z","etag":null,"topics":["axios","cssmodules","eslint","firebase","prettier","react","react-router","scss","typescript","vite"],"latest_commit_sha":null,"homepage":"https://plantopia.site/","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/crud0626.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":"2023-08-31T01:56:51.000Z","updated_at":"2023-12-18T04:52:33.000Z","dependencies_parsed_at":"2023-09-01T01:29:26.005Z","dependency_job_id":"efaace9d-ffa2-419d-ba81-96a8e5a7a784","html_url":"https://github.com/crud0626/plantopia","commit_stats":{"total_commits":553,"total_committers":7,"mean_commits":79.0,"dds":0.5587703435804702,"last_synced_commit":"5902adcb184550d811fc1ca51659f028e13bd555"},"previous_names":["crud0626/plantopia"],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/crud0626%2Fplantopia","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/crud0626%2Fplantopia/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/crud0626%2Fplantopia/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/crud0626%2Fplantopia/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/crud0626","download_url":"https://codeload.github.com/crud0626/plantopia/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244888453,"owners_count":20526800,"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":["axios","cssmodules","eslint","firebase","prettier","react","react-router","scss","typescript","vite"],"created_at":"2024-09-24T14:20:24.635Z","updated_at":"2026-02-25T08:31:57.722Z","avatar_url":"https://github.com/crud0626.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Plantopia\n\n![메인사진](https://github.com/crud0626/plantopia/assets/72868495/d4de97c9-55ce-4bf9-b40d-d6b8bd21fbb0)\n\n\u003cdiv align='center'\u003e\n   식물집사를 위한 식물 관리 꿀팁을 제공하고 내 식물의 돌봄 기록과 물 주는 일자를 알려주는 식물관리 서비스입니다.\n   \u003cbr\u003e\n   \u003cbr\u003e\n   \u003ca href=\"https://plantopia.site/\"\u003e🌻 Plantopia 링크\u003c/a\u003e\n\u003c/div\u003e\n\u003cbr\u003e\n\u003cdiv align='center'\u003e\n   \n||테스트 계정|\n|---|---|\n|ID| test2@test.com |\n|PW| test1234 |\n\n\u003c/div\u003e\n\n## 사용 기술\n\n\u003cdiv align='center'\u003e\n  \u003cimg src=\"https://img.shields.io/badge/TypeScript-^5.0.2-3178C6?logo=typescript\u0026logoColor=white\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/React-^18.2.0-61DAFB?logo=react\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/React_Router-^6.15.0-CA4245?logo=reactrouter\u0026logoColor=white\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/SCSS-^1.65.1-CC6699?logo=sass\u0026logoColor=white\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Axios-^1.4.0-5A29E4?logo=axios\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Swiper-^10.2.0-6332F6?logo=swiper\u0026logoColor=white\" /\u003e\n\u003c/div\u003e\n\u003cdiv align='center'\u003e\n   \u003cimg src=\"https://img.shields.io/badge/Vite-^4.4.5-646CFF?logo=vite\" /\u003e\n   \u003cimg src=\"https://img.shields.io/badge/Firebase-^10.2.0-FFCA28?logo=firebase\u0026logoColor=white\" /\u003e\n   \u003cimg src=\"https://img.shields.io/badge/ESLint-^8.45.0-4B32C3?logo=eslint\u0026logoColor=white\" /\u003e\n   \u003cimg src=\"https://img.shields.io/badge/Prettier-^3.0.1-F7B93E?logo=prettier\u0026logoColor=white\" /\u003e\n   \u003cimg src=\"https://img.shields.io/badge/AWS_Amplify-FF9900?logo=awsamplify\u0026logoColor=white\" /\u003e\n   \u003cimg src=\"https://img.shields.io/badge/AWS_Route53-8C4FFF?logo=amazonroute53\u0026logoColor=white\" /\u003e\n   \u003cimg src=\"https://img.shields.io/badge/Figma-F24E1E?logo=figma\u0026logoColor=white\" /\u003e\n\u003c/div\u003e\n\u003cbr\u003e\n\n### 참고 링크\n\n- [피그마 디자인](https://www.figma.com/file/RUhI3WEt58FPy2lTQgxcZ1/%5BPlantopia%5D-%EB%94%94%EC%9E%90%EC%9D%B8?type=design\u0026node-id=0%3A1\u0026mode=design\u0026t=7BwIsIrp3J0oiMCw-1)\n- [화면 흐름도](https://www.figma.com/file/IbS394tB0XjfNyyEUlZr9U/%5BPlantopia%5D-%ED%99%94%EB%A9%B4-%ED%9D%90%EB%A6%84%EB%8F%84?type=whiteboard\u0026t=7BwIsIrp3J0oiMCw-1)\n\n## 폴더 구조\n\n```\nsrc\n├─ @types # 재사용되는 타입들을 저장하며 \"a.type.ts\" 와 같은 파일 네이밍 컨벤션 사용\n├─ api # API 관련 로직\n├─ assets  # 폰트, 아이콘, 이미지와 같은 정적 자원\n│  ├─ fonts\n│  ├─ icons\n│  └─ images\n├─ components # 재사용되는 컴포넌트\n├─ constants  # 상수화가 필요한 변수\n├─ hooks # 커스텀 훅\n├─ pages # 재사용되지 않는 컴포넌트 (하위 폴더는 페이지 단위 구분)\n├─ routes  # React-router의 라우팅 관련 코드\n├─ styles  #  GlobalStyle, Mixins, 재사용되는 스타일 관련 변수 등\n└─ utils  # 재사용되는 유틸 함수\n```\n\n## 기능\n\n### 메인 페이지\n\n\u003cdiv align=center\u003e\n   \n|\u003cimg width=\"250\" src=\"https://github.com/crud0626/plantopia/assets/72868495/c8eb6c42-6c22-455e-b271-1fcc165b4b53\" /\u003e|\n|---|\n\n\u003c/div\u003e\n\n- 자신이 등록한 식물들의 리스트를 보여주며 메인에 나타나있는 식물의 간단한 정보 (마지막으로 물 준 날, 처음 함께한 날, 다음 물주기 날까지 남은 디데이) 를 확인할 수 있습니다.\n- 현재 보고 있는 식물의 이미지 옆에 물주기 버튼을 클릭하여 특정 식물에게 물을 준 날짜를 기록할 수 있으며 이미지 클릭시 상세 페이지로 이동하게 됩니다.\n- Geolocation API를 활용하여 사용자의 위치정보를 받아 해당 지역의 날씨 정보를 받아올 수 있으며 메인 페이지 상단에 날씨에 대한 정보(사용자의 위치, 날씨 이미지, 날씨, 온도, 날씨에 맞는 텍스트)를 보여줍니다.\n\n---\n\n### 캘린더 페이지\n\n\u003cdiv align=center\u003e\n   \n|\u003cimg width=\"250\" src=\"https://github.com/crud0626/plantopia/assets/72868495/cf4698e4-2982-4b71-95df-b505954a6e71\" /\u003e|\n|---|\n\n\u003c/div\u003e\n\n- 사용자가 어떤 날짜에 어떤 식물에게 물을 주었는지 시각적으로 확인할 수 있는 페이지입니다.\n\n---\n\n### 로그인 페이지\n\n\u003cdiv align=center\u003e\n   \n|\u003cimg width=\"250\" src=\"https://github.com/crud0626/plantopia/assets/72868495/66e28af7-a108-4aea-a86b-c272811772d3\" /\u003e|\n|---|\n\n\u003c/div\u003e\n\n- 이메일 로그인과 소셜 로그인 기능을 구현하였으며 사용자는 로그인하지 않았을 경우 항상 로그인 페이지로 이동됩니다.\n- \"비밀번호를 잃어버리셨나요?\" 버튼을 통해 이메일 입력시 가입여부 확인 후 비밀번호 재설정 메일이 전송됩니다.\n- \"가입하기\" 버튼을 통해 회원가입 페이지로 이동할 수 있습니다.\n\n---\n\n### 식물도감 페이지\n\n\u003cdiv align=center\u003e\n   \n|\u003cimg width=\"250\" src=\"https://github.com/crud0626/plantopia/assets/72868495/95459376-6193-45d3-8aef-3484e94b1a26\" /\u003e|\n|---|\n\n\u003c/div\u003e\n\n- 사용자가 궁금하거나 찾고자하는 식물을 검색해 찾을 수 있는 페이지로 식물에 대한 정보(종, 분류, 습도, 관리 수준, 병해충)와 식물이 자라기 좋은 환경(일조량, 수분량, 생육적정온도)에 대한 정보를 제공합니다.\n- 식물도감 메인페이지에서는 다양한 카테고리별 (식린이를 위한, 빨리 성장하는 식물, 수분량이 적은 식물, 일조량이 적은 식물) 식물을 슬라이드로 형태로 추천해줍니다.\n- 또한, 유저의 사용성을 고려해 해당 식물의 상세보기 탭에 내 식물로 바로 추가할 수 있는 버튼을 추가하였습니다.\n\n---\n\n### 다이어리 페이지\n\n\u003cdiv align=center\u003e\n   \n|\u003cimg width=\"250\" src=\"https://github.com/crud0626/plantopia/assets/72868495/ac28302c-d365-4b7d-b470-1b76b936813d\" /\u003e|\n|---|\n\n\u003c/div\u003e\n\n- 사용자가 식물에 대한 일기 혹은 기록이 필요한 경우 활용할 수 있는 다이어리입니다.\n- 사진과 함께 다이어리를 작성, 수정, 삭제할 수 있으며 특정 식물 혹은 여러개의 식물을 태그할 수 있습니다.\n- 다이어리의 메인 페이지는 게시글 형태로 보기, 갤러리 형태로 보기 두 가지 형태를 지원합니다.\n\n---\n\n### 내 식물 페이지\n\n\u003cdiv align=center\u003e\n   \n|\u003cimg width=\"250\" src=\"https://github.com/crud0626/plantopia/assets/72868495/2941a16c-718b-489d-8a1a-78974c998672\" /\u003e|\n|---|\n\n\u003c/div\u003e\n\n- 사용자의 식물을 관리할 수 있는 페이지입니다.\n- 북마크 버튼을 통해 사용자의 메인 식물을 변경할 수 있으며 메인 식물로 설정한 경우 메인페이지에 접근할 때 해당 식물이 메인에 노출됩니다.\n- 해당 페이지에서 사용자는 식물 등록, 수정, 삭제를 할 수 있습니다.\n- 해당 페이지의 상세페이지에서는 식물 도감에서 볼 수 있는 식물에 대한 다양한 정보와 메인페이지에서 볼 수 있는 정보를 확인할 수 있습니다.\n\n---\n\n### 마이 페이지\n\n\u003cdiv align=center\u003e\n   \n|\u003cimg width=\"250\" src=\"https://github.com/crud0626/plantopia/assets/72868495/7c2bdf9a-56f2-42dc-bc07-441c6e82c2cb\" /\u003e|\n|---|\n\n\u003c/div\u003e\n\n- 사용자가 자신에 대한 정보를 확인하고 수정할 수 있는 페이지입니다.\n- PWA로 사용하는 방법과 자주 묻는 질문, 식물 추가 요청 구글 폼, 로그아웃 등의 기능이 포함되어 있습니다.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcrud0626%2Fplantopia","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcrud0626%2Fplantopia","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcrud0626%2Fplantopia/lists"}