Official website for the IEEE Microwave Theory and Techniques Society (MTT-S) CUSAT SB. The platform showcases chapter events, members, blogs, and registration for upcoming events etc...

• Next – Fast frontend build tool
• React – Frontend framework
• Tailwind CSS or plain CSS – For styling
• Express.js – Backend API for event registration
• MongoDB (optional) – For storing registered data

├── app/ # Next.js App Router structure
│ ├── about/ # About page
│ ├── blog/ # Blog section
│ ├── contact/ # Contact form/page
│ ├── events/ # Events + event registration
│ ├── join/ # Join us / membership section
│ ├── members/ # Execom members
│ ├── globals.css # Global CSS (tailwind base)
│ ├── layout.tsx # Root layout file
│ └── page.tsx # Homepage
│
├── components/
│ └── ui/ # Reusable UI components
│ ├── footer.tsx
│ ├── navbar.tsx
│ ├── theme-provider.tsx
│ └── upcoming-events.tsx
│
├── hooks/ # Custom React hooks
│
├── lib/ # Utilities and helpers
│ └── utils.ts
│
├── public/ # Static assets
│
├── styles/
│ └── globals.css # Extra styles if any

• Authentication(For blogs and event creation)
• Homepage
• Menu (Navbar)
• Footer
• Events Page
• └── Event Register
• └── Event Creation (Authenticated Users Only)
• Blog Section
• Blog Post Creation(Authenticated Users Only)
• Execom Members Page
• └── Member Cards
• Credits Section
• Backend Integration (Firebase)
• Animations(Hover, onclick, onscroll etc..)
• SEO

Tick off items as features get implemented.

• Node.js (v16 or higher)
• npm or yarn
• Git

# Clone the repository
git clone https://github.com/yourusername/MTT-CUSAT.git
cd MTT-CUSAT

# Install dependencies
npm install

# Start development server
npm run dev

The frontend will be available at http://localhost:3000

cd ../server
npm install express cors
node index.js

A minimal Express.js backend is used to handle event registration.

API Endpoints:

• POST /register – Submit registration form
• GET /registrations – View all registrations (for testing)

Optional: Add MongoDB or Firebase later for persistent storage.

• Tailwind utility classes make rapid prototyping easier. You can also use plain CSS if preferred.
• Use React Router for navigation between pages.
• Separate components and pages for clarity and reusability.