MIF_E31221222/sigap-website
vergiLgood1 8f12715072 feat: Add Sidebar Statistics Tab for crime analytics overview
- Implemented SidebarStatisticsTab component to display monthly incidents and crime overview statistics.
- Integrated StatCard components for total incidents, monthly average, and clearance rate.
- Added visualization for incidents by month with dynamic height based on incident counts.
- Included CrimeTypeCard for displaying the most common crimes with percentage breakdown.

feat: Create Additional Tooltips for enhanced map controls

- Developed AdditionalTooltips component to provide year, month, and category selection.
- Integrated MonthSelector, YearSelector, and CategorySelector for filtering options.
- Added functionality to toggle visibility of selectors.

feat: Implement Crime Tooltips for crime data controls

- Created CrimeTooltips component to manage various crime data views.
- Included tooltips for incidents, heatmap, trends, patrol areas, clusters, and timeline.

feat: Enhance Search Control with incident search capabilities

- Developed SearchTooltip component for searching incidents by various criteria.
- Implemented suggestion filtering based on selected search type (crime ID, incident ID, coordinates, description, address).
- Added functionality to display detailed information about selected incidents.

feat: Consolidate tooltips into a unified Tooltip component

- Merged CrimeTooltips, AdditionalTooltips, and SearchTooltip into a single Tooltips component.
- Streamlined props for managing active controls and selected filters.

feat: Add Map Legend for crime rate visualization

- Created MapLegend component to visually represent crime rates using color coding.
- Integrated with existing map overlay for better user experience.
2025-05-05 01:11:37 +07:00
..
.vscode add layout for my account, preference, notiication and import 2025-03-07 23:08:16 +07:00
app feat: Add Sidebar Statistics Tab for crime analytics overview 2025-05-05 01:11:37 +07:00
assets/images change project structure 2025-03-12 16:13:57 +07:00
di refactor: consolidate permission checking logic and update related components 2025-04-12 13:56:49 +07:00
prisma feat: Add CrimePopup and DistrictPopup components for displaying crime data on the map 2025-05-02 22:19:54 +07:00
src feat: add initial data seeding for resources, roles, demographics, crime incidents, and geographic data 2025-04-25 02:04:04 +07:00
supabase feat: add initial data seeding for resources, roles, demographics, crime incidents, and geographic data 2025-04-25 02:04:04 +07:00
.env.example small refactor 2025-03-12 23:52:07 +07:00
.gitignore set up sentry 2025-03-16 00:46:37 +07:00
README.md init next 14 with supabase 2025-02-12 19:10:21 +07:00
components.json add profile and remove older project 2025-03-05 14:58:15 +07:00
instrumentation.ts set up sentry 2025-03-16 00:46:37 +07:00
middleware.ts change project structure 2025-03-12 16:13:57 +07:00
next.config.ts set up sentry 2025-03-16 00:46:37 +07:00
package-lock.json feat(map): add pitch and bearing constants for map initialization 2025-05-03 22:58:14 +07:00
package.json feat(map): add pitch and bearing constants for map initialization 2025-05-03 22:58:14 +07:00
postcss.config.js init next 14 with supabase 2025-02-12 19:10:21 +07:00
sentry.client.config.ts implmentation clean architecture for auth services 2025-03-16 22:25:33 +07:00
sentry.edge.config.ts set up sentry 2025-03-16 00:46:37 +07:00
sentry.server.config.ts set up sentry 2025-03-16 00:46:37 +07:00
tailwind.config.ts Membuat use case dan controller untuk users repository 2025-03-19 06:08:32 +07:00
tsconfig.json init next 14 with supabase 2025-02-12 19:10:21 +07:00

README.md

Next.js and Supabase Starter Kit - the fastest way to build apps with Next.js and Supabase

Next.js and Supabase Starter Kit

The fastest way to build apps with Next.js and Supabase

Features · Demo · Deploy to Vercel · Clone and run locally · Feedback and issues More Examples


Features

Demo

You can view a fully working demo at demo-nextjs-with-supabase.vercel.app.

Deploy to Vercel

Vercel deployment will guide you through creating a Supabase account and project.

After installation of the Supabase integration, all relevant environment variables will be assigned to the project so the deployment is fully functioning.

Deploy with Vercel

The above will also clone the Starter kit to your GitHub, you can clone that locally and develop locally.

If you wish to just develop locally and not deploy to Vercel, follow the steps below.

Clone and run locally

  1. You'll first need a Supabase project which can be made via the Supabase dashboard

  2. Create a Next.js app using the Supabase Starter template npx command

    npx create-next-app --example with-supabase with-supabase-app
    
    yarn create next-app --example with-supabase with-supabase-app
    
    pnpm create next-app --example with-supabase with-supabase-app
    
  3. Use cd to change into the app's directory

    cd with-supabase-app
    
  4. Rename .env.example to .env.local and update the following:

    NEXT_PUBLIC_SUPABASE_URL=[INSERT SUPABASE PROJECT URL]
    NEXT_PUBLIC_SUPABASE_ANON_KEY=[INSERT SUPABASE PROJECT API ANON KEY]
    

    Both NEXT_PUBLIC_SUPABASE_URL and NEXT_PUBLIC_SUPABASE_ANON_KEY can be found in your Supabase project's API settings

  5. You can now run the Next.js local development server:

    npm run dev
    

    The starter kit should now be running on localhost:3000.

  6. This template comes with the default shadcn/ui style initialized. If you instead want other ui.shadcn styles, delete components.json and re-install shadcn/ui

Check out the docs for Local Development to also run Supabase locally.

Feedback and issues

Please file feedback and issues over on the Supabase GitHub org.

More Supabase examples