https://github.com/captaincluster/react_hackathon_2025

Our team's project for the 2025 React hackathon hosted by LUT University and Twoday (Visma).
https://github.com/captaincluster/react_hackathon_2025

front-end hackathon-project react-ts

Last synced: 3 months ago
JSON representation

Our team's project for the 2025 React hackathon hosted by LUT University and Twoday (Visma).

• Host: GitHub
• URL: https://github.com/captaincluster/react_hackathon_2025
• Owner: CaptainCluster
• Created: 2025-01-09T07:59:50.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2025-01-23T14:16:53.000Z (5 months ago)
• Last Synced: 2025-01-23T15:24:36.180Z (5 months ago)
• Topics: front-end, hackathon-project, react-ts
• Language: TypeScript
• Homepage:
• Size: 202 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 10
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Hackathon 2025

This GitHub repository is for the 2025 React/Figma hackathon hosted by *LUT University* and *TwoDay*. The created application 

is the client-side of an academic course review system. It was made by a team of four students.

## Technology

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)

![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)

![MUI](https://img.shields.io/badge/MUI-%230081CB.svg?style=for-the-badge&logo=mui&logoColor=white)

![PNPM](https://img.shields.io/badge/pnpm-%234a4a4a.svg?style=for-the-badge&logo=pnpm&logoColor=f69220)

Due to the hackathon only covering the client-side, the necessary API functionality is simulated with a **JSON server**.

The front-end library used is **React** with **TypeScript**. The application utilizes **pnpm** and **Vite**. For styling,

both **MUI** and **Tailwind CSS** were used. The client-side API requests were made with **Axios** and **React Query** was

used to help render correctly received data and handle exceptions.

![image](https://github.com/user-attachments/assets/9ff6f22c-4d2b-4744-a3a8-c8f2aeb14f57)