tesseractjh / pre-ranking-fe Goto Github PK
View Code? Open in Web Editor NEW주식, 스포츠 경기 등의 결과를 예측하고, 적중에 따른 점수를 평가하여 유저간에 경쟁할 수 있는 플랫폼
Home Page: https://preranking.shop
pre-ranking-fe's Introduction
pre-ranking-fe's People
Contributors
Stargazers
Watchers
pre-ranking-fe's Issues
주가 등락 예측 페이지
- 주가 등락 예측 페이지
현재 예측 진행 중또는예측이 종료되어 결과를 대기 중또는모든 결과가 나온 예측으로 나누어 각각 UI 구현현재 예측 진행 중인 예측의 예측 참여 기능 추가예측이 종료되어 결과를 대기 중인 예측의 선택 통계 표시모든 결과가 나온 예측인 예측에 현재 유저가 참여했었다면 결과를 별도로 표시
마이페이지
- 마이페이지 추가
- 최근 예측 목록 조회
- 결과가 나온 예측은 결과 표시
- 전체 목록, 카테고리별 목록 조회
- 카테고리별 점수, 순위 표시
구글 애널리틱스 추가
- 구글 애널리틱스 추가
예측 페이지 레이아웃
- 예측 페이지 레이아웃 추가
- 좌측에 네비게이션 바 추가
- 우측 상단에 breadcrumb, 유저의 현재 포인트 추가(로그인 상태 아니면 로그인 후 예측 참가 가능하다는 문구 표시)
메타 태그, favicon, robots.txt 추가
- open graph 메타 태그 추가
- favicon.ico, robots.txt 추가
랭킹 페이지
- 랭킹 페이지 추가
- 전체 점수 랭킹
- 각 예측 카테고리별 점수 랭킹
- 랭킹에는 순위, 닉네임, 점수, 적중률 및 적중 횟수 표시
메인 페이지 헤더
- 로그인 여부에 따라 보이는 메뉴 다르게 하기
- 알림 팝업
- 알림 불러오기
- 알림 클릭시 페이지 이동
- 알림 더 불러오기 버튼
- 유저 메뉴 팝업
- 마이페이지 이동
- 로그아웃
회원가입 페이지
- 회원가입 폼
- 닉네임, 이메일 중복 확인
헤더 네비게이션 추가
- 헤더에 홈, 예측, 랭킹 네비게이션 추가
주식 종가 예측
- 주식 종가 예측 기능 추가
- 종가 예측 조회 및 예측 참여 폼
- 종가 예측 결과
Fallback 컴포넌트
- 준비중 페이지
- 404 페이지
메인 페이지 캐러셀
- 메인 페이지에 들어갈 캐러셀 추가
모바일에서 팝업, 모달 스타일 수정
- 모바일에서 팝업, 모달이 보여질 때 body에
overflow: hidden등의 스타일을 주어 화면에 보이지 않는 부분의 스크롤에 영향을 받지 않도록 수정
메인 페이지 완성
- 메인 페이지 내용
- 각 예측 페이지 이동 링크
- Footer 추가
알림 제목 추가
- DB의 알림 테이블에 제목이 추가됨에 따라 제목과 내용을 별도로 표시하도록 UI 수정
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.