🎊 2023 Techeer Winter BootCamp 1등 수상 🎊

🌠 상상을 현실로, 손끝에서 펼쳐지는 우리만의 세계 🌠

URL : https://nextpage.world

📚Table of Contents

• Medium
• Demo
• System Architechture
• Tech stack
• ERD
• Neo4j
• API
• Monitoring
• File Directory
• How to Start
• Directory Structure
• Member

📑 Medium

✔️ Korean Version
✔️ English Version

🎬 Demo

🪐 온보딩 페이지

🪐 랜딩페이지

🪐 주제 시나리오 페이지

🪐 시나리오 작성 모달

🪐 시나리오 페이지

💻 System Architechture

💡 Tech stack

분야	사용 기술
Fronted
Backend
DevOps
Monitoring
etc

💾 MySQL

💾 Neo4j

📚 API

swagger

📊 Monitoring

Grafana & Prometheus & ELK

Django	Node exporter

cAdvisor

ELK

🚀 How to Start

$ git clone --recursive https://github.com/2023-Winter-Bootcamp-Team-J/NextPage.git

env setting in the NextPage folder

• NextPage/.env

DATABASE_NAME=
MYSQL_ROOT_HOST=
MYSQL_ROOT_PASSWORD=
DATABASE_USER=
DATABASE_PORT=
DATABASE_HOST=
DATABASE_PASSWORD=
NEO4J_USERNAME=
NEO4J_PASSWORD=
GPT_API_KEY=
AWS_ACCESS_KEY_ID=
AWS_SECRET_ACCESS_KEY=
SECRET_KEY= 

Run Docker

$ docker-compose -f docker-compose.yml -f docker-compose.monitoring.yml up -d --build

📂 Directory Structure

Backend

📦backend

┣ 📂backend
┃ ┣ 📜__init__.py
┃ ┣ 📜asgi.py

┃ ┣ 📜celery.py

┃ ┣ 📜settings.py

┃ ┣ 📜url.py

┃ ┗ 📜wsgi.py

┗ 📂data

┃ ┣ 📂grafana
┃ ┗ 📂prometheus
┗ 📂logging

┃ ┣ 📂filebeat
┃ ┗ 📂logstash
┗ 📂neo_db

┃ ┣ 📂migrations

┃ ┣ 📜__init__.py

┃ ┣ 📜admin.py

┃ ┣ 📜apps.py

┃ ┣ 📜models.py

┃ ┣ 📜serializers.py
┃ ┣ 📜tests.py

┃ ┗ 📜view.py

┗ 📂story
┃ ┣ 📂migrations

┃ ┣ 📜__init__.py

┃ ┣ 📜admin.py

┃ ┣ 📜apps.py

┃ ┣ 📜image_generation_logic.py

┃ ┣ 📜models.py

┃ ┣ 📜serializers.py
┃ ┣ 📜tasks.py

┃ ┣ 📜tests.py

┃ ┣ 📜urls.py

┃ ┗ 📜view.py

┗ 📂user
┃ ┣ 📂migrations

┃ ┣ 📜__init__.py

┃ ┣ 📜admin.py

┃ ┣ 📜apps.py

┃ ┣ 📜models.py

┃ ┣ 📜serializers.py
┃ ┣ 📜tests.py

┃ ┣ 📜urls.py

┃ ┗ 📜view.py

┣ 📜Dockerfile
┣ 📜init_data.json
┣ 📜load_neo4j_data.py
┣ 📜manage.py
┗ 📜requirements.txt

Frontend

📦frontend

┣ 📂.github

┣ 📂public

┗ 📂src

┃ ┣ 📂assets

┃ ┃ ┣ 📜lottie.json
┃ ┃ ┗ 📜react.svg

┃ ┣ 📂componets

┃ ┃ ┣ 📜CreateStoryModal.tsx
┃ ┃ ┣ 📜ForceGraph.jsx
┃ ┃ ┣ 📜ImgCarousel.tsx
┃ ┃ ┣ 📜Navbar.tsx
┃ ┃ ┣ 📜NicknameModal.tsx
┃ ┃ ┣ 📜Onboarding1.tsx
┃ ┃ ┣ 📜Onboarding2.tsx
┃ ┃ ┣ 📜Onboarding3.tsx
┃ ┃ ┣ 📜Onboarding4.tsx
┃ ┃ ┣ 📜RootModal.tsx
┃ ┃ ┣ 📜ScenarioModal.tsx
┃ ┃ ┣ 📜StoryModal.tsx
┃ ┃ ┣ 📜Swiper.tsx
┃ ┃ ┗ 📜ThreeParticles.tsx
┃ ┣ 📂pages

┃ ┣ 📂recoil
┃ ┃ ┗ 📜atoms.tsx
┃ ┣ 📜App.css
┃ ┣ 📜App.tsx

┃ ┣ 📜index.css
┃ ┣ 📜main.css

┗ ┗ 📜vite-env.d.ts

👨‍👩‍👧‍👧 Member

Name	윤정은	김미영	조하나	김형준	김광현	이강욱
Profile
role	Team Leader Backend DevOps	Team Leader Frontend	Frontend Backend	Frontend	Backend DevOps	Backend DevOps
GitHub	@jungeunyooon	@miyoung12	@dlwhsk0	@brojj22	@Gwanghyeon-k	@kanguk01