SimPlaints

A Next.js v13 application that allows you to view numeric data, percentages, and bar charts of processed consumer complaints from the Consumer Financial Protection Bureau for the current year.

Features

• Numeric Values for Products and Sub-Products
• Percentage that each product constitutes of the Total
• Bar Charts that visually represent and help you understand the data

Demo

You can view the live demo at SimPlaints

Tech Stack

Frontend: Next.js, HTML, TailwindCSS, TypeScript, shadcn/ui, React-Chart.js, Chart.js

Backend: Next.js, TypeScript, JavaScript, TanStack Query, Consumer Complaint API

Hosting: Render

Run Locally

Developed and tested with Next.js v13.4.7

Clone the project

  git clone https://github.com/KennielTorres/simplaints

Install dependencies

  npm install

Start the build

  npm run dev

Stop the build

  Press ctrl+c

Author

• @KennielTorres