diyoanggara
/
MIF_E31221222
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
MIF_E31221222/sigap-website
History
vergiLgood1 0de70f9057 feat: add incident severity categorization and utility functions 
- Implemented `getIncidentSeverity` function to categorize incidents based on predefined categories.
- Added `formatMonthKey` function to format month keys for display.
- Introduced `getTimeAgo` function to calculate and format time elapsed since a given timestamp.

feat: create custom hooks and components for crime analytics

- Developed `useCrimeAnalytics` hook to process and analyze crime data, providing insights such as total incidents, recent incidents, and category counts.
- Created `CrimeTypeCard`, `IncidentCard`, `StatCard`, and `SystemStatusCard` components for displaying crime statistics and incident details in the sidebar.
- Implemented `SidebarIncidentsTab` and `SidebarStatisticsTab` components to manage and display incident data and statistics.

feat: enhance sidebar functionality with info and statistics tabs

- Added `SidebarInfoTab` and `SidebarStatisticsTab` components to provide users with information about crime severity, map markers, and overall crime statistics.
- Integrated pagination functionality with `usePagination` hook to manage incident history navigation.

style: improve UI components with consistent styling and layout adjustments

- Updated card components and layout for better visual hierarchy and user experience.
- Ensured responsive design and accessibility across all new components.
 		2025-05-04 04:24:17 +07:00
..
.vscode add layout for my account, preference, notiication and import 2025-03-07 23:08:16 +07:00
app feat: add incident severity categorization and utility functions 2025-05-04 04:24:17 +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