🔥삐질껄99 mini-project

항해99 14기 인원들이 본인의 TMI를 퀴즈로 만들어서 등록하고, 다른 사람의 퀴즈를 맞춰보는 웹 서비스

• 프로젝트 기간 : 23.05.04. - 23.05.12.
• 배포 도메인 주소 : http://undong2.s3-website.ap-northeast-2.amazonaws.com/home

기술 스택

• FE : HTML, CSS, JavaScript, React, styled component
• BE : java, Spring, SpringBoot, SpringSecurity
• DB : MariaDB
• Deploy : AWS S3, AWS EC2, AWS RDS
• IDE : VSCode, IntelliJ

깃허브 주소

• FE: https://github.com/Undong00/physical99_FE
• BE: https://github.com/gengar0917/mini-project.git

주요기능

• 회원 가입, 로그인, 로그아웃
• 퀴즈 게시물 등록/조회/수정/삭제
  • 퀴즈 등록시 몇 개의 오답을 등록하는지에 따라 주관식 또는 이지, 삼지, 사지선다의 문제가 될 수 있습니다.
• 퀴즈 게시글 댓글
  • 댓글 등록/삭제
• 퀴즈 풀이
  • 사용자가 퀴즈 게시글에 접근했을 때, 그 게시글을 작성한 사용자가 아니라면 답변을 제출할 수 있습니다.
• 시연 영상 링크 https://youtu.be/Zde4DwV_iCs

서비스 이미지

삐지컬99 메인 - 항해 유튜브 영상을 백그라운드로 재생하고 있습니다.

삐지컬99 로그인/회원가입

삐지컬99 모달창 - 스윗얼럿 라이브러리 적용

삐지컬99 퀴즈 목록 - 풀었는 문제와 아직 풀지 않은 문제를 체크 아이콘으로 동적으로 스타일링

삐지컬99 퀴즈 문제풀기 - 4지선다, 2지선다, 객관식

삐지컬99 퀴즈 정답 맞춤