https://github.com/haikelz/cari-mahasiswa

👨‍🎓 Cari Mahasiswa adalah sebuah Website untuk mencari data Mahasiswa dari berbagai perguruan tinggi
https://github.com/haikelz/cari-mahasiswa

hacktoberfest hacktoberfest-accepted kemdikbud mahasiswa nextjs pddikti react-query shadcn-ui tailwindcss typescript

Last synced: 3 days ago
JSON representation

👨‍🎓 Cari Mahasiswa adalah sebuah Website untuk mencari data Mahasiswa dari berbagai perguruan tinggi

• Host: GitHub
• URL: https://github.com/haikelz/cari-mahasiswa
• Owner: haikelz
• License: mit
• Created: 2023-08-29T01:56:38.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-07-06T00:10:46.000Z (6 months ago)
• Last Synced: 2024-12-20T02:04:35.349Z (10 days ago)
• Topics: hacktoberfest, hacktoberfest-accepted, kemdikbud, mahasiswa, nextjs, pddikti, react-query, shadcn-ui, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://crmhs.ekel.dev
• Size: 1.56 MB
• Stars: 88
• Watchers: 1
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        


  
Cari Mahasiswa

  
Cari Mahasiswa adalah sebuah Website untuk mencari data Mahasiswa dari berbagai perguruan tinggi di Indonesia



## Features

- Cari mahasiswa berdasarkan NIM, nama, jurusan, serta nama perguruan tinggi.

- Tampilkan detail mahasiswa.

- Tampilkan detail perguruan tinggi.

- Switch theme(dark, light, system).

## Website Structure

![website structure](public/website-structure.png)

## Screenshots

![ss 1](./public/ss-1.png)

![ss 2](./public/ss-2.png)

![ss 3](./public/ss-3.png)

**Note:** Data mahasiswa dan perguruan tinggi di atas hanya sebagai contoh.

## Videos

[![Video](public/banner.png)](https://youtu.be/aVuWC-usk7c?feature=shared)

## Tech Stack

- Next JS

- Typescript

- Tailwind CSS with shadcn/ui

- React Query

- tRPC

## Getting Started

- Clone this repo.

- Install all needed deps with `pnpm install`.

- Fill all needed environment variable. You can see the format of my env in `.env.example` file.

- Type `pnpm run dev` and see the result in `http://localhost:3000`.

## License

[MIT](https://github.com/haikelz/money-management/blob/master/LICENSE)