Skip to content
@Project-NextPage

Project NextPage

🎊 2023 Techeer Winter BootCamp 1등 수상 🎊



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

📚Table of Contents

📑 (v1) Medium

✔️ Korean Version
✔️ English Version

🎬 Demo

🪐 온보딩 페이지

🪐 주제 시나리오 페이지

🪐 시나리오 작성 모달

🪐 시나리오 페이지

🪐 (v2) 챕터 페이지 - 3DCarousel 적용

3d 캐러셀 2

🪐 (v2) 마이 페이지 - Intersection Observer를 이용한 무한 스크롤 구현


💡 Tech stack


분야 사용 기술
Fronted
Backend
DevOps
Monitoring node-exporter
etc Slack Notion Figma Postman

💾 Neo4j

📚 API

swagger (v1)

form gptanswer API

📊 Monitoring

K6 Prometheus

🚀 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

Pictures
Name 윤정은 김미영 조하나 김광현 이강욱 주영준
Position Leader
Backend
DevOps
Frontend
Backend
DevOps
Backend
DevOps
Backend
DevOps
Frontend
GitHub

Popular repositories Loading

  1. nextpage_backend nextpage_backend Public

    Java 2

  2. nextpage_frontend nextpage_frontend Public

    TypeScript 2

  3. .github .github Public

Repositories

Showing 3 of 3 repositories

Top languages

Loading…

Most used topics

Loading…