Photon Pictures Warehouse Frontend

Site location: warehouse.uiucphoton.site

Minimalist warehouse management & presentation system frontend for Photon Pictures at UIUC, serves as the unified platform for organization members to browse all loanable filming kits provided by Photon Pictures and send borrow requests.

✨ Features

• 🎨 Minimalist design
• 📚 Strightforward user experience
• 🌋 Fast page respond with SWR
• 📱 Responsive design on all pages
• ⚙️ Backend & Email integration

🖥 Technologies

• Language: TypeScript
• UI Framework: React.js
• Component Library: Ant Design UI
• Application Framework: Next.js
• Backend Service (not part of this repo): Notion
• Email Sercice (not part of this repo): SendGrid

📦 Usage

IMPORTANT: If you need to develop locally, make sure to create a file named .env.local in the root directory to configure variables including:

NOTION_TOKEN=
NOTION_CMS_ENTRY_PAGE_ID=

SENDGRID_API_KEY=
SENDGRID_EMAIL=
SENDGRID_EMAIL_NAME=
SENDGRID_TEMPLATE_ID=

The file .env.local will not be uploaded to GitHub, and the variables should be set during deployment.

This project is initialized with PNPM. To install all dependencies, run:

pnpm install

To start the development server, run:

pnpm run dev

The project does not support static build. To create an optimized production build, run:

pnpm run build

Then run the following command to start the production server:

next