Project Milestone 2 - Kelompok 16

Asisten

Taufan Fajarama Putrawansyah R

Contribution

Design

1. Fawwaz Abrial Saffa (16521147)
2. Rayhan Siregar (16521301)

FrontEnd

1. Ditra Rizqa Amadia (16521531)
2. Christian Albert Hasiholan (16521120)

BackEnd

1. Akbar Maulana Ridho (16521147)

Proposal

1. Vieri Fajar Firdaus (16521294)

PowerPoint

1. Devina Ar'raudah (16521065)
2. Auvarifqi Putra Diandra (16521092)
3. Muhammad Shulhan (16521379)
4. Muhammad Zaki Amanullah (16521377)

Database

1. Muhammad Naufal Nalendra (16521240)
2. Ananda Abdul Hafizh (16521065)
3. Vieri Fajar Firdaus (16521294)

Readme

1. Brian Kheng (16521208)
2. Mario Nicholas Rayhan (16521250)
3. Devina Ar'raudah (16521065)
4. Auvarifqi Putra Diandra (16521092)
5. Muhammad Shulhan (16521379)
6. Muhammad Zaki Amanullah (16521377)

CariKelas

Project "Cari Kelas", presented by Group 16, is a solution to ITB college students' problems, which is mostly a lack of information about the compulsory and elective courses provided by ITB. The implementation will be built on a website which contains more than enough information and reviews for each of the courses from every major in ITB. The core of the website is built with the help of Next.js and the ReactJS framework.

Presentation

The presentation is accesible on https://drive.google.com/file/d/1c3qukTunJqXImHZQduSDjXLEi6Ke-41t/view?usp=sharing

Deployment

The website is deployed on https://milestone02-k16-three.vercel.app/.

Local Setup

1. Clone this repository.
2. Install packages with npm i or yarn i.
3. Run npm run dev or yarn dev to start the server.
4. Open http://localhost:3000 with your browser to see the result.

Website Feature

Search and Filter by Keyword, Major, and Category

User can search by inputing a particular keyword to search the subject's feedback in the field provided. Moreover, user can also filter the feedback based on Major and Category.

Add Feedback

User can add a feedback to the subject which had been taken by filling the provided form.

Upvote

User can upvote useful feedback by click the upvote button.

Technologies Used

ReactJS

React is a free and open-source front-end JavaScript library for building user interfaces based on UI components.

Next.js

Next.js is an open-source web development framework built on top of Node.js.

Typescript

TypeScript is a free and open source programming language developed and maintained by Microsoft. It is a strict syntactical superset of JavaScript and adds optional static typing to the language.

CSS

CSS stands for Cascading Style Sheets. CSS describes how HTML elements are to be displayed on screen, paper, or in other media

tPRS

tRPC is a very light library which lets you build fully typesafe APIs without the need of schemas or code generation.

Prisma

Prisma is an open-source ORM that drastically simplifies data modeling, migrations, and data access for SQL databases in Node. js and TypeScript.