IDLE

당신의 IDLE time을 책임지는 뉴스웹페이지, IDLE

GitHub : IDLE

IDLE은 Customized News Page로써, 키워드 기반, 신문사 기반의 뉴스 구독을 서비스하는 개인화 뉴스 웹페이지 서비스입니다. 키워드, 신문사를 유저가 원하는대로 등록하고, 그에 따른 개인별 페이지를 제공받을 수 있습니다.

Getting Started

Prerequisites

• front 폴더에서 npm 모듈을 install 합니다.

  $ npm install

• backend 폴더에서 npm 모듈을 install 합니다.

  $ pip install -r requirements.txt

Deployment

로컬 서버를 실행시킵니다.

npm run serve

서비스 소개

기본 main page

idle의 서비스 소개와 페이지 이미지를 확인할 수 있습니다.

GET STARTED FOP FREE버튼을 누를 시, signup 모달이 켜집니다.

navbar의 login 버튼을 누를 시 로그인 할 수 있습니다.

google login과 facebook login을 지원합니다.

CREATE ONE버튼을 누르면 login창에서도 signup을 진행할 수 있으며, signup되면 자동으로 로그인되어 메인페이지로 넘어갑니다.

Login시 main page

Main

메인페이지에서는 최신 기사들과 날씨, 유저들이 최근에 가장 많이 등록한 키워드와 신문사 리스트를 확인할 수 있습니다.

SideBar

feeds에 아무것도 등록되어있지 않으면 위와 같은 사이드바를 볼 수 있습니다.

CREATE YOUR FIRST FEED를 누르거나, ADD CONTENT를 눌러 feed를 등록하는 페이지로 갈 수 있습니다.

Feed 등록

신문사와 keyword 기준의 feed를 등록할 수 있습니다.

Feed 수정

수정창에서 feed를 수정하고 조직할 수 있습니다.

사용 기술 및 도구

• vue.js (2.6.10)
• Firebase (6.3.0)
• Vue CLI (3.9.0)
• Node.js (10.16.0)
• vuetify.js (1.5.5)
• JIRA, gitlab
• vuex (3.0.1)

Customize configuration

See Configuration Reference.

Developers