Code Monkey home page Code Monkey logo

idle_customized_news_page's Introduction

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 모달이 켜집니다.

start_for_free

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

google loginfacebook 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

idle_customized_news_page's People

Contributors

kyeah01 avatar hsx3 avatar hajapark avatar kimevanjunseok avatar hojihoji2 avatar haeje avatar dependabot[bot] avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.