Chernival 2023

Official website for Chernivel 2023 event



Overview

Chernival (Chemical Engineering Innovation Festival) 2023 is an annual series of events held by Chemical Engineering ITS. Its goal is to provide a platform for rising generations to improve and contribute to the industrial world at both national and international levels.

I worked as a frontend developer for this project, primarily handling the dashboard for user registration in the Chernival contest event.

Challenge

This project wasn't a green field — there was an existing project, but we had no access to its codebase. With only screenshots and workflow documentation available, our team decided to rebuild from scratch with a new design and tech stack while maintaining all the original features. Time was a significant constraint: we needed to launch the website within two months with a team of three frontend and two backend developers, all college students in the midst of final exams.

Given these conditions, we held regular sync meetings and worked late nights to accelerate development. Fortunately, our hard work paid off — we delivered the system to the client, who appreciated the new design and confirmed all features were working properly.

Tech Stack & Tools

Next.js → A React framework with extensive utilities that I used to implement the app's UI.
TypeScript → A JavaScript programming language with static typing that adds type safety by checking for mismatches at compile time. This helped identify bugs early and improved the development experience.
TailwindCSS → A CSS framework I used to streamline web styling.
Figma → A design tool used to create the app's interface.

Features

Here are some of the features I implemented in this project.

Authentication

Sign up and sign in

User

User Dashboard

User dashboard on the 1st registration step

User dashboard on the 5th registration step

Payment

Payment -> status not paid

Payment -> status valid

Identity

Identity -> display user and teams identity

Contest

Contest -> contest modal, contest credentials

Admin

Admin Dashboard

Dashboard -> user registration status statistics, sidebar

Participant

Participant -> manage and track participant data/status

Token

Token -> manage and track contest token distribution

Promotion Code

Promotion code -> manage and track contest promotion code distribution

;