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
Frontend
DevOps
Backend
DevOps
Backend
DevOps
Frontend
GitHub

Popular repositories Loading

  1. nextpage_backend nextpage_backend Public

    ๐ŸŒ  ์ƒ์ƒ์„ ํ˜„์‹ค๋กœ, ์†๋์—์„œ ํŽผ์ณ์ง€๋Š” ์šฐ๋ฆฌ๋งŒ์˜ ์„ธ๊ณ„ ๐ŸŒ 

    Java 1

  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โ€ฆ