Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

60 Commits
 
 
 
 
 
 

Repository files navigation

Sesac_Project_02

온라인 rpg게임 로스트아크를 즐기는 유저들에게 유용한 정보 제공 & 유저간 소통을 위한 웹사이트

[메인페이지] 메인 포스터 업데이트, 여섯 종류의 원하는 페이지로 이동

[마이페이지] 메인 캐릭터 등록, 좋아요 한 노래/이미지 관리, 웹사이트에 접속중인 다른 유저와 채팅(keep)

[BGM] 게임사가 제공하는 모든 음원을 무료로 재생, 마음에 드는 곡 좋아요 누르고 마이페이지에서 관리

[Boss] 각 보스의 포스터 표시, 링크 이동시 대표 BGM 재생, 보상/공략 등 상세정보 확인

[갤러리] 코디/캡쳐 자랑하기, 좋아요 눌러 마이페이지에서 관리

[캐릭터] 자신의 캐릭터 검색해서 상세정보 찾아보기

[Class] 모든 클래스 모아보기(상세정보 포함)

[회원가입/로그인]

  • 개발 기간 : 2023-12-26 ~ 2024-01-11(2주)
  • 배포 주소 : http://15.164.171.50/ (서버 비용 문제로 인한 인스턴스 일시 중지)

🔧 개발환경

Front

JavaScript React

Back

NodeJS MySQL Sequelize

Environment

Visual Studio Code Git GitHub

API

Developer-LostArk

🗂️ 디렉토리 구조

Project2
├─ client
│  ├─ .env
│  ├─ .env.development
│  ├─ .env.production
│  ├─ package-lock.json
│  ├─ package.json
│  ├─ public
│  │  └─ img
│  │  ├─ index.html
│  │  └─ playlist
│  └─ src
│     ├─ App.css
│     ├─ App.js
│     ├─ components
│     │  ├─ Footer.js
│     │  └─ Header.js
│     ├─ css
│     │  ├─ BGM.css
│     │  ├─ Boss-link.css
│     │  ├─ Boss.css
│     │  ├─ Character.css
│     │  ├─ Character_backup.css
│     │  ├─ Class.css
│     │  ├─ Entertainment.css
│     │  ├─ Main.css
│     │  ├─ MyPage.css
│     │  ├─ OOTD.css
│     │  ├─ SignIn.css
│     │  └─ SignUp.css
│     ├─ index.css
│     ├─ index.js
│     └─ pages
│        ├─ MainPage
│        │  ├─ BGM.js
│        │  ├─ Boss
│        │  │  ├─ Boss1.js
│        │  │  ├─ Boss2.js
│        │  │  ├─ Boss3.js
│        │  │  ├─ Boss4.js
│        │  │  ├─ Boss5.js
│        │  │  └─ Boss6.js
│        │  ├─ Boss.js
│        │  ├─ Character.js
│        │  ├─ Character_backup.js
│        │  ├─ Class.js
│        │  ├─ Entertainment.js
│        │  ├─ Main.js
│        │  └─ OOTD.js
│        ├─ MyPage
│        │  └─ MyPage.js
│        ├─ SignIn
│        │  └─ SignIn.js
│        └─ SignUp
│           └─ SignUp.js
├─ README.md
└─ server
   ├─ config
   │  ├─ config.json
   │  └─ envs
   │     └─ key.env
   ├─ controller
   │  ├─ CCharacter.js
   │  ├─ CGetImg.js
   │  ├─ CImgLike.js
   │  ├─ CMain.js
   │  ├─ CSaveCharacter.js
   │  ├─ CSignIn.js
   │  ├─ CSignUp.js
   │  ├─ CUpload.js
   │  ├─ CUser.js
   │  └─ CUserData.js
   ├─ index.js
   ├─ model
   │  ├─ Character.js
   │  ├─ ImgLike.js
   │  ├─ index.js
   │  ├─ PostImg.js
   │  └─ User.js
   ├─ package-lock.json
   ├─ package.json
   ├─ routes
   │  ├─ character.js
   │  ├─ getimg.js
   │  ├─ imglike.js
   │  ├─ index.js
   │  ├─ saveCharacter.js
   │  ├─ signin.js
   │  ├─ signup.js
   │  ├─ upload.js
   │  └─ userdata.js
   ├─ uploads
   │  ├─ 11.png
   │  ├─ aaaa.png
   │  ├─ audioImg10.png
   │  ├─ audioImg12.png
   │  ├─ audioImg13.png
   │  ├─ audioImg15.png
   │  ├─ audioImg26.png
   │  ├─ audioImg5.png
   │  └─ audioImg9.png
   └─ views
      └─ main.ejs


📃 API 명세서


📋 ERD 다이어그램

erd

🖥️ 화면 구성 및 주요 기능

MainPage

main

BGM

bgm

Boss

boss

Gallery

gallery

Character

character

Entertainment

enter

Class

class

MyPage

mypage

About

Sesac_Project_02

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages