This is a Next.js project bootstrapped with create-next-app.

Crime Crunch

Hosted on https://crime-crunch.onrender.com/.

Made by: Ash Duy, Jaryd Meek, Noah Nguyen, Kunal Rane, Chintan Modi, Sarthak Maniar

About Crime Crunch

Crime Crunch is a group project created for CU's ATLS 4214 - Big Data Architecture course. It is is an app designed to help Coloradans learn more about the different kinds of crimes occurring across the state. Utilizing data from the FBI Crime Data Explorer, users can view crime statistics from the various counties in Colorado and compare how types of crime compare or how they number reported has changed over time.

Data is collected from the FBI Crime Data Explorer, which hosts data from the Natiognal Incident-Based Reporting System (NIBRS). The data used spans the years 2016-2021 as data stored in years prior to 2016 were stored with a different database schema. The data was transformed into a standardized format and uploaded via curl to AWS OpenSearch. At time of writing, this consists of 2.55 million records and is viewable on the RAW DATA page. OpenSearch can then be queried with SQL.

For the project, it was deployed using Render, a web service host that offered a free tier that was sufficient to build and deploy this project.

Additional Resources

Link to data prparation methodology

Link to OpenSearch Query code

Running the Project Yourself

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

Next.js Documentation - learn about Next.js features and API.
Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

BigData712 / frontend