# FDP 2025 - Embedded Systems & Robotics A modern, mobile-first responsive React website for the Faculty Development Programme organized by Cambridge Institute of Technology North Campus (CIT NC) in association with E-Yantra, IIT Bombay. ## 🚀 Event Details - **Event**: Faculty Development Programme on Embedded Systems and Robotics - **Dates**: 30th - 31st October 2025 - **Time**: 9:00 AM - 6:00 PM - **Venue**: Cambridge Institute of Technology North Campus - **Registration**: Free | First Come First Serve ## 🛠️ Tech Stack - **Framework**: React 18+ with Vite - **Styling**: Tailwind CSS v3 - **Font**: Inter & Poppins (Google Fonts) - **Icons**: Heroicons (via SVG) ## 📦 Installation 1. Navigate to the project folder: ```bash cd fdp-website ``` 2. Install dependencies (if not already done): ```bash npm install ``` 3. Start the development server: ```bash npm run dev ``` 4. Open your browser and visit: `http://localhost:5173` ## 🏗️ Project Structure ``` fdp-website/ ├── src/ │ ├── components/ │ │ ├── Hero.jsx # Hero section with CTA │ │ ├── AboutCIT.jsx # About CIT NC │ │ ├── AboutEYantra.jsx # About E-Yantra │ │ ├── OrganizingTeam.jsx # Team details │ │ ├── EventDetails.jsx # Schedule & highlights │ │ ├── Registration.jsx # Registration form │ │ └── Footer.jsx # Footer with links │ ├── App.jsx # Main app component │ ├── index.css # Tailwind directives │ └── main.jsx # Entry point ├── index.html # HTML template ├── tailwind.config.js # Tailwind configuration └── package.json ``` ## 🎨 Features - ✅ **Mobile-First Design**: Fully responsive across all devices - ✅ **Light Theme**: Clean, professional tech look - ✅ **Modern UI**: Smooth animations and transitions - ✅ **Modular Components**: Reusable React components - ✅ **Tech-Inspired Design**: Circuit patterns, gradients, and robot illustrations - ✅ **Interactive Forms**: Registration form with validation - ✅ **Smooth Scrolling**: Anchor navigation - ✅ **SEO Optimized**: Meta tags and semantic HTML ## 🎯 Sections 1. **Hero Section** - Eye-catching intro with event details and CTA 2. **About CIT NC** - Institute information and highlights 3. **About E-Yantra** - Details about the IIT Bombay initiative 4. **Organizing Team** - Chief Patrons and Committee members 5. **Event Details** - Complete schedule for both days 6. **Registration** - Form to register for the FDP 7. **Footer** - Contact info and social links ## 🎨 Color Palette - **Tech Blue**: `#0070f3` (Primary) - **Tech Orange**: `#ff9000` (Accent) - **White/Light Gray**: Background - **Dark Gray**: Text ## 🚀 Build for Production ```bash npm run build ``` The optimized production build will be in the `dist/` folder. ## 📝 Customization ### Update Event Details Edit the content in respective component files under `src/components/` ### Change Colors Modify `tailwind.config.js` to update the color scheme ### Add Backend Integration The registration form is currently a placeholder. To connect it to a backend: 1. Add form handling in `src/components/Registration.jsx` 2. Install axios or fetch API 3. Connect to your backend endpoint ## 📧 Contact For queries about the event: - Email: fdp@citnc.edu.in - Phone: +91 80 1234 5678 --- **Organized By**: Cambridge Institute of Technology North Campus **In Association With**: E-Yantra, IIT Bombay # eYantra-FDP