🐟 Fishy Fish 🎣

물고기 분류 및 정보 제공 서비스

📁 System Archiecture

📹 Demo

1️⃣ 로그인&회원가입 페이지

2️⃣ 메인 페이지

3️⃣ Flsh list

반응형 페이지로 구현

🔌 Tech Stack

분류	기술
Frontend
Backend
AI
Devops
DB
Cloud
Monitoring

📂 file tree

📦fishy fish
┣ 📂backend
┃ ┣ 📂accounts
┃ ┃ ┣ 📂migrations
┃ ┃ ┃ ┗ 📜__init__.py
┃ ┃ ┣ 📜__init__.py
┃ ┃ ┣ 📜admin.py
┃ ┃ ┣ 📜apps.py
┃ ┃ ┣ 📜models.py
┃ ┃ ┣ 📜serializers.py
┃ ┃ ┣ 📜tests.py
┃ ┃ ┣ 📜urls.py
┃ ┃ ┗ 📜views.py
┃ ┣ 📂images
┃ ┃ ┣ 📂fixtures
┃ ┃ ┃ ┗ 📜data.json
┃ ┃ ┣ 📂inference
┃ ┃ ┃ ┣ 📜expect.py
┃ ┃ ┃ ┗ 📜last.pt
┃ ┃ ┣ 📂migrations
┃ ┃ ┃ ┗ 📜__init__.py
┃ ┃ ┣ 📜__init__.py
┃ ┃ ┣ 📜admin.py
┃ ┃ ┣ 📜apps.py
┃ ┃ ┣ 📜models.py
┃ ┃ ┣ 📜serializers.py
┃ ┃ ┣ 📜tasks.py
┃ ┃ ┣ 📜tests.py
┃ ┃ ┣ 📜urls.py
┃ ┃ ┗ 📜views.py
┃ ┣ 📂teami
┃ ┃ ┣ 📂migrations
┃ ┃ ┃ ┗ 📜__init__.py
┃ ┃ ┣ 📜__init__.py
┃ ┃ ┣ 📜asgi.py
┃ ┃ ┣ 📜assest_storages.py
┃ ┃ ┣ 📜celery.py
┃ ┃ ┣ 📜models.py
┃ ┃ ┣ 📜settings.py
┃ ┃ ┣ 📜urls.py
┃ ┃ ┗ 📜wsgi.py
┃ ┣ 📜gitignore
┃ ┣ 📜Dockerfile
┃ ┣ 📜environments.py
┃ ┣ 📜manage.py
┃ ┣ 📜readme.md
┃ ┣ 📜requirement.txt
┃ ┗ 📜run-celery.sh
┣ 📂frontend
┃ ┣ 📂ngnix
┃ ┃ ┗ 📜default.conf
┃ ┣ 📂public
┃ ┃ ┣ 📂font
┃ ┃ ┣ 📂img
┃ ┃ ┣ 📜favicon.ico
┃ ┃ ┣ 📜index.html
┃ ┃ ┣ 📜logo192.png
┃ ┃ ┣ 📜logo512.png
┃ ┃ ┣ 📜manifest.json
┃ ┃ ┗ 📜robots.text
┃ ┣ 📂src
┃ ┃ ┣ 📂assests/images
┃ ┃ ┣ 📂components
┃ ┃ ┃ ┣ 📂FishList
┃ ┃ ┃ ┃ ┣ 📜index.tsx
┃ ┃ ┃ ┃ ┗ 📜style.css
┃ ┃ ┃ ┣ 📂ImageUpload
┃ ┃ ┃ ┃ ┣ 📜index.tsx
┃ ┃ ┃ ┃ ┗ 📜style.css
┃ ┃ ┃ ┣ 📂InfoBoxInner
┃ ┃ ┃ ┃ ┣ 📜index.tsx
┃ ┃ ┃ ┃ ┗ 📜style.css
┃ ┃ ┃ ┣ 📂Information
┃ ┃ ┃ ┃ ┣ 📜index.tsx
┃ ┃ ┃ ┃ ┗ 📜style.css
┃ ┃ ┃ ┣ 📂InformationBlank
┃ ┃ ┃ ┃ ┣ 📜index.tsx
┃ ┃ ┃ ┃ ┗ 📜style.css
┃ ┃ ┃ ┣ 📂LoginForm
┃ ┃ ┃ ┃ ┣ 📜LoginForm.module.css
┃ ┃ ┃ ┃ ┣ 📜LoginForm.tsx
┃ ┃ ┃ ┃ ┣ 📜Logintype.ts
┃ ┃ ┃ ┃ ┗ 📜react-awesome-autoplay.d.ts
┃ ┃ ┃ ┣ 📂NaviBar
┃ ┃ ┃ ┃ ┣ 📜index.tsx
┃ ┃ ┃ ┃ ┗ 📜style.css
┃ ┃ ┃ ┣ 📂NotFound
┃ ┃ ┃ ┃ ┗ 📜NotFound.tsx
┃ ┃ ┃ ┣ 📂Pagenation
┃ ┃ ┃ ┃ ┣ 📜ka1.svg
┃ ┃ ┃ ┃ ┣ 📜ka2.svg
┃ ┃ ┃ ┃ ┣ 📜ka3.png
┃ ┃ ┃ ┃ ┣ 📜Pagenation.module.css
┃ ┃ ┃ ┃ ┗ 📜Pagenation.tsx
┃ ┃ ┃ ┗ 📂RegisterForm
┃ ┃ ┃   ┣ 📜react-awesome-autoplay.d.ts
┃ ┃ ┃   ┣ 📜RegisterFrom.module.css
┃ ┃ ┃   ┣ 📜RegisterFrom.tsx
┃ ┃ ┃   ┗ 📜RegisterType.ts
┃ ┃ ┣ 📂db
┃ ┃ ┃ ┗ 📜data.json
┃ ┃ ┣ 📂function
┃ ┃ ┃ ┣ 📜emailValidation.ts
┃ ┃ ┃ ┣ 📜handleCookie.ts
┃ ┃ ┃ ┣ 📜islogin.ts
┃ ┃ ┃ ┗ 📜passwordCheck.ts
┃ ┃ ┣ 📂hooks
┃ ┃ ┃ ┣ 📜useGetData.ts
┃ ┃ ┃ ┗ 📜useTitle.ts
┃ ┃ ┣ 📂pages
┃ ┃ ┃ ┣ 📂Home
┃ ┃ ┃ ┃ ┣ 📜index.tsx
┃ ┃ ┃ ┃ ┗ 📜style.css
┃ ┃ ┃ ┣ 📂Login
┃ ┃ ┃ ┃ ┗ 📜Login.tsx
┃ ┃ ┃ ┣ 📂Register
┃ ┃ ┃ ┃ ┗ 📜Register.tsx
┃ ┃ ┃ ┣ 📂Test
┃ ┃ ┃ ┃ ┗ 📜MyDropzone.tsx
┃ ┃ ┃ ┗ 📂Upload
┃ ┃ ┃   ┣ 📜index.tsx
┃ ┃ ┃   ┗ 📜style.css
┃ ┃ ┣ 📂redux
┃ ┃ ┃ ┣ 📂Auth
┃ ┃ ┃ ┃ ┗ 📜tokenSlice.ts
┃ ┃ ┃ ┣ 📂Fish
┃ ┃ ┃ ┃ ┣ 📜action.tsx
┃ ┃ ┃ ┃ ┣ 📜reducer.tsx
┃ ┃ ┃ ┃ ┗ 📜types.tsx
┃ ┃ ┃ ┣ 📂Login
┃ ┃ ┃ ┃ ┗ 📜loginSlice.ts
┃ ┃ ┃ ┣ 📂Register
┃ ┃ ┃ ┃ ┗ 📜registerSlice.ts
┃ ┃ ┃ ┣ 📜store.ts
┃ ┃ ┃ ┗ 📜store.tsx
┃ ┃ ┣ 📜App.css
┃ ┃ ┣ 📜App.tsx
┃ ┃ ┣ 📜index.css
┃ ┃ ┣ 📜index.tsx
┃ ┃ ┗ 📜react-app-env.d.ts 
┃ ┣ 📜.gitignore
┃ ┣ 📜dockerfile
┃ ┣ 📜package-lock.json
┃ ┣ 📜README.md
┃ ┗ 📜tsconfig.json
┣ 📜.gitignore
┣ 📜docker-compose.prod.yml
┣ 📜docker-compose.yml
┣ 📜license
┗ 📜readme.md

📄 Swagger

🤖 AI

📈 Monitoring: prometheus & grafana

🏢 Member

Name	Develop Area	Role	Github
😗Ryan Lee(Leader)	Back-end, AI, DevOps	API Design, Machine Learning, Docker, Data Monitoring	Github Profile
😆김연진	Back-end	API Design, Data Engineering	Github Profile
😜손희연	Back-end, AI	API Design, Machine Learning	Github Profile
😂용준현	Frontend, DevOps	Web Development, Deploy	Github Profile
😋유제빈	Frontend	Web Development, UI/UX Design	Github Profile