Full Stack Application |Javascript | React JS | Rate limiter | Highcharts | Kafka JS | Micro Service

A project demonstrating Full stack data visualization using Node.js | Express.Js | React. JS | Highcharts.js | Kafka JS | Postgres

Data Input User Analytics Geolocation in Canada Hourly Events Hourly

Click ⭐if you like it. Check me @Bidyashish.

Event-driven Full stack application.

---

Getting Started

In order to the following example Test live

Backend: Demo at: https://node-jn4e.onrender.com

Frontend: Demo at: https://jolly-yalow-18c1a4.netlify.app

Rate Limit API is at 100 Request in 15 seconds per IP address

---

Express JS application using postgres Database and Rate limiter create .env file nad add

PGHOST={your DB link }
PGPORT=5432	 
PGDATABASE={DB Name}	 
PGUSER=readonly	 
PGPASSWORD={your password}

check Server.

cd server

npm run dev

Demo at: https://node-jn4e.onrender.com

A React application utilizing React Bootsrap, React Highcharts, React Hooks and API for show Vizualization check client.

cd client

npm start

Demo at: https://jolly-yalow-18c1a4.netlify.app

Dependency Kafka Micro Service Install Kafka service machine, Default port 9092

Docker Kafka broker 

Screenshots

check Image 1.

check Image 2.

---

Bidyashish Kumar @Bidyashish.

LinkedIn profile: @Bidyashish.