GithubHelp home page GithubHelp logo

pksingh-sme / web-scraping Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 189 KB

This is a simple web scraping application built with React for the client-side and Node.js/Express for the server-side.

HTML 20.15% CSS 10.86% JavaScript 68.98%

web-scraping's Introduction

Project Brief Description:

Project Name: Web Scraper Application

Author: Pramod K Singh

Version: 1.0

Overview: This project is a web scraping application built with React for the client-side and Node.js/Express for the server-side. It allows users to input a URL, scrape the text content of the specified webpage, and display the scraped text content. The application utilizes Axios for making HTTP requests, Cheerio for parsing HTML on the server-side, and React state management for handling user input and displaying the scraped text content on the client-side.


Getting Started

To get started with this application, follow the steps below:

Client Setup:

  1. Navigate to the client directory:

    cd client
  2. Create a new React application:

    npx create-react-app .
  3. Install required dependencies:

    npm install axios cheerio
  4. Build the React application:

    npm run build

Server Setup:

  1. Navigate to the server directory:

    cd ../server
  2. Initialize a new Node.js project:

    npm init -y
  3. Install required dependencies:

    npm install express axios cheerio
  4. Start the Node.js/Express server:

    node app.js
    
    

Running the Application

Once the server is running, you can access the application in your web browser at http://localhost:5000.


Notes

  • This application fetches data from a website using Axios and parses it using Cheerio.
  • The React client-side application is served by the Node.js/Express server.

web-scraping's People

Contributors

pksingh-sme avatar

Watchers

 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.