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) Install All
  • If you're using others IDE 🤖, please find alternative extensions of
      1. vscode-eslint
      1. vscode-tailwindcss
      1. 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