Code Monkey home page Code Monkey logo

mongodb-nesws-scraper's Introduction

mongodb-nesws-scraper ๐Ÿ—ž๏ธ

Web app that lets users view and leave comments on the latest news. It uses Mongoose and Cheerio to scrape news from sites.

Deployed Application: https://mongodb-nesws-scraper.herokuapp.com/

Technologies Used

  • Cheerio
  • ExpressJS
  • MongoDB
  • MaterializeUI

mongodb-nesws-scraper's People

Contributors

whereispolaris avatar

Watchers

James Cloos avatar  avatar

mongodb-nesws-scraper's Issues

Environment Setup

  • Review Instructions
  • Set Up MongoDB
  • Set up Server
  • Create Database Model
  • Create Routes
  • Create Front End Layout (Bootstrap)
  • Deploy to Heroku
  • Review Scraping Activity
  • Add Front End JavaScript (Scraping, Posting)

Front End Layout

Homepage

  • Header
    • Home Link
    • Saved Articles
    • Scrape New Articles
  • Jumbotron (Homepage)
  • Scrapped Articles (jQuery)
    • Event: When the 'Save article' button is clicked, create 'article' document with the following fields:
      • _id (autoassigned)
      • Title
      • Description
      • Comments

Saved Articles

  • Header
    • Home Link
    • Saved Articles
  • Jumbotron (Saved Articles)
  • Saved Articles (MongoDB)
    • Article Notes
      • Event: When the 'Article Notes' button is clicked, open up pop up model with
        • Article ID
        • Existing Notes (if any)
          • Delete button
        • Form to Add new notes
    • Delete From Saved
      • Get Article ID and delete from database.

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.