wrideveloper / kuliah-helper Goto Github PK

To keep our code reliable and more resilient against changes, we should write unit tests for every code we add. The coverage doesn't have to be 100% but it's good to have close to 100% coverage.

We can use Vitest and React Testing Library for the frontend.
For backend we can use Jest and Supertest that already comes with NestJS. See this page for details.

For now let's just focus on unit tests, no need to write integration/E2E.

TODO:

• Frontend unit test setup
• Backend unit test setup

Username, Password, Registration
Integrate google platform

*Additional : Integrate w/ SSO

Survey helper is a page that can help student for the searching respondent for their thesis/survey forms, scientific paper/other, and research that need survey

There will be 2 main pages :

• Publish survey
• Answer Survey

Publish survey just to publish their survey forms to the public
Answer survey is a page that can be answering other people's surveys, so here we'll help each other too!

can be used to run CodeQL, running tests, running eslint/prettier, etc on each PR
ideally we should separate frontend / backend CI and only run the action whenever the corresponding directory changes.
ref: https://github.com/teknologi-umum/pehape/tree/master/.github/workflows

TODO:

• Frontend CI
  • CodeQL
  • Run eslint/prettier
  • Run tests (depends on #12)
• Backend CI
  • CodeQL
  • Run eslint/prettier
  • Run tests (depends on #12)

cc @4RSIM3R

kalo jadi pake nestjs, guidenya bisa cek sini: https://nestjs.com/

nanti buat ganti ke fastify, bisa cek sini: https://docs.nestjs.com/techniques/performance#performance-fastify

Create Group / Team Generator for students that want to make a team

• List the name and separate by ","
• Input how many teams will be generated
• User can save the name so user can easily re-generate team in future
• Result -> team names + member

*Additional features 👍🏻

• What if we can separate the name of the group mentor too?
• What if we can also randomize the task of the group? For example,
  • Group 1: create a google clone with angular.
  • Group 2 : create google with plain HTML without CSS javascript 🤣

To make the code consistent and prevent silly mistakes.

Some rules that can be considered:

• https://github.com/kentcdodds/eslint-config-kentcdodds
• https://github.com/xojs/xo
• https://github.com/sindresorhus/eslint-plugin-unicorn

TODO:

• Setup ESLint for frontend
• Setup ESLint for backend
• Setup Prettier for frontend
• Setup Prettier for backend
• (extra) Add .editorconfig for code style consistency when editing

Nunggu voting mau pake ReactJS atau NextJS

This issue is used to keep notes/documentation for the frontend part of the project. Any important informations should be written here so that other developers know about them.

Original version of the project for reference:

• https://github.com/alizul01/kuliah-helper-vanilla

Design?

• Do we want to improve the design using Figma? or do we want to directly write the code for it?

This is a page for people who want to discuss more college/university things, while they're studying they need to discuss right?

So there will be 2 sub-pages:

• Open discuss / Create Discuss Page
• Main Forum Page

Create discuss: a page for a user that wants to create/open discussion for public
Forum: a page for a user that wants to search/interact (discuss) with other discussions opened by other users

On the forum page, there will be a card that contains:

• Title
• Topics
• Name account / anonymous
• Discussion summary (128 characters, if more click read more)
• Upvote
• Downvote
• Discuss
• Report

Create discuss page :

• Title
• Topics
• What to discuss?
• Pictures