NewsScrapper

What is this?

A full stack news scrapper that is scrapping data from multiple target websites and serving that data via a app.

🔗 LINK : Click Me!!

Tech

• Vue.js
• Vite.js
• Axios.js
• Cheerio.js
• Express.js

Setup

Make sure to install the dependencies for both frontend and backend.

for backend

npm install

for frontend

cd client

npm install

Development

How it works

• App is divided into two part frontend and backend.
• Frontend (client folder) contains Vue + Vite app for development purpose.
• Backend (root folder) is express app which serves the dist that is build of frontend app and handles API data requests made by frontend Vue SPA.
• Backend express app scrapes data from target websites using Cheerio and Axios and send it directly on frontend when API requests are made on endpoints.

Start the development backend server on http://localhost:3000

npm run start

Start the development Vue + Vite app server on http://localhost:5172

cd client 

npm run dev

build command for frontend Vue + Vite app to update dist folder

cd client 

vite build