Spartaflix Movie Review

Firebase를 익히기 위해 구성한 영화 리뷰 웹앱 프로젝트입니다

Firebase로 데이터가 저장되는 기능을 중점으로 제작하였습니다

👉 Demo: [https://ganimjeong.github.io/spartaflix/]

A movie review webapp project built to practice with Firebase It focuses on the functionality of storing data with Firebase

기술 스택 | Technology stack

• HTML5 / CSS3 / JavaScript : 기본 웹 프론트엔드 기술
• Bootstrap 5 : 반응형 UI 및 스타일링
• jQuery : DOM 조작과 이벤트 처리
• Firebase (Firestore) : 실시간 데이터베이스로 영화 리뷰 저장 및 불러오기
• Fetch API : 외부 API 호출 (서울 날씨 정보)
• Google Fonts (Roboto) : 웹폰트 사용

주요 기능 | Main Features

• 영화 이미지, 제목, 별점, 추천 이유를 입력하여 Firestore에 저장
• 저장된 리뷰 카드 형태로 동적으로 화면에 표시
• 외부 API로 서울 현재 기온 실시간 표시
• Bootstrap 기반의 깔끔한 UI

• Enter movie image, title, star rating, reason for recommendation and save to Firestore
• Dynamically display on screen in the form of saved review cards
• Real-time display of current temperature in Seoul with external API
• Clean UI based on Bootstrap

사용 방법 | How to use

1. 영화 정보를 입력하고 '기록하기' 버튼 클릭
2. 입력된 데이터가 Firebase Firestore에 저장됨
3. 저장된 리뷰들이 자동으로 카드 형태로 보여짐

1. enter movie information and click 'Record' button
2. entered data is saved to Firebase Firestore
3. saved reviews are automatically displayed in the form of cards

---