SIT Openhouse website 🎉

design -> Figma

Photo -> Onedrive

Logo -> Googledrive

staging -> https://openhouse23.thistine.com

prod -> https://openhouse2023.sit.kmutt.ac.th

Development

Prerequisites 🥹

• If you're using VScode 👀
  • Please install the recommend extensions (if you're using vscode you can click install All when you first open the project)
• If you're using others IDE 🤖, please find alternative extensions of
  • 1. vscode-eslint
  • 2. vscode-tailwindcss
  • 3. es7-react-js-snippets
• Install pnpm on your local machine

Development ✍️

• Installing package pnpm install
• run project pnpm dev

Project structure 🧱

• All soruce files are localted in /src folder
• There're 4 pages localted in 4 locations
  • index page (/) /src/app/page.tsx
  • Agenda page (/agenda) /src/app/agenda/page.tsx
  • register page (/register/solution-chllenge) /src/app/register/solution-chllenge/page.tsx
  • info page (/info) scr/app/info/page.tsx
• /src/share folder is used for a share components, type, function only. if there's component that only use in a specific page, please consider create components, types or utils folder beside page.tsx in a spacific page.

Deployment

We're using staging and production enviroment for our project.

In a nutshell, every branch will be merge into staging first before we merge staging into main. ⚡️

gitGraph
    commit
    commit
    branch staging
    checkout staging
    commit
    branch feature-1
    checkout feature-1
    commit
    commit
    checkout staging
    branch feature-2
    checkout feature-2
    commit
    commit
    checkout staging
    commit
    checkout feature-2
    merge staging
    checkout feature-1
    commit
    commit
    checkout staging
    commit
    checkout feature-1
    merge staging
    checkout staging
    commit
    checkout main
    commit
    checkout staging
    merge main

Loading