⚽️ FC 바르셀로나 팬페이지 프로젝트

스페인의 축구팀 FC Barcelona의 팬페이지 프로젝트

바르셀로나 펜페이지 링크

개요

FC 바르셀로나의 팬페이지 프로젝트는 바르셀로나의 최신 정보와 팬분들이 궁금해하는 정보들을 모아놓은 웹사이트를 개발하는 프로젝트입니다. 바르셀로나 공식페이지 및 각종 뉴스 포탈에서 뉴스, 선수단, 일정등을 크롤링하여 보여주는 사이트입니다.

그동안 공부해왔던 리액트, express.js 및 관련 라이브러리들을 실제 사용해보고자 진행하는 개인 프로젝트입니다.

현재 개발중에 있습니다.

기능

• 기본/다크 모들 토글 : 사용자의 디바이스 디폴트 테마를 가져와서 기본/다크 모드를 지원합니다. 토글 버튼을 사용하여 테마를 바꿀 수 있습니다.
• 바르셀로나 순위 : 해외 축구 뉴스 포탈에서 리그 순위를 크롤링하여 보여줍니다.
• 바르셀로나 최신 뉴스 : 바르셀로나 공식 페이지에서 최신 기사들을 크롤링하여 보여줍니다. 클릭시 공식 페이지로 라우팅 됩니다.
• 바르셀로나 일정 : 바르셀로나 공식 페이지에서 일정 및 결과를 크롤링하여 보여줍니다.
• 바르셀로나 팀 선수 소개 : 바르셀로나 공식 페이지에서 선수들의 정보 및 스탯을 크롤링하여 보여줍니다.
• 바르셀로나 이적시장 : 최근 이적 시장 결과를 보여줍니다.

크롤링

node-cron 라이브러리를 사용하여 매일 밤 12시에 데이터를 크롤링해오도록 설정해두었습니다. 현재는 뉴스 데이터만 정기적으로 크롤링합니다.

사용한 기술

프론트엔드

• react
• redux
• redux-saga
• styled-components
• Sass
• react-router

백엔드

• Express.js
• MongoDB
• Mongoose

크롤러

• cheerio