Institute of Data Engineering, Analytics, and Science
A modern, responsive website showcasing research initiatives, collaborative projects, and community partnerships at the University of Michigan-Flint.
- About
- Features
- Tech Stack
- Getting Started
- Project Structure
- Development
- Deployment
- Design Philosophy
- Contributing
- License
- Contact
The IDEAS Hub (Institute of Data Engineering, Analytics, and Science) website serves as the digital gateway for UM-Flint's data science initiatives. This platform connects faculty, students, industry partners, and community organizations to collaborate on data-driven solutions that create meaningful impact.
The website features a modern, playful design, utilizing bold typography, tilted image frames, and vibrant yellow accent colors to create an engaging user experience.
- Dynamic hero section with tilted image frame
- Mission statement and value propositions
- Service cards highlighting research coordination, community partnerships, and student development
- Comprehensive goals section
- Showcase of 4+ active research projects
- Alternating image/content layout for visual interest
- Real project data including:
- My Number DNA (K-12 educational analytics)
- UM-Flint Herbarium Digitization
- Matlacha Pass Water Quality Analysis
- Flint River Watershed Monitoring
- External links to partner organizations
- Director profile with photo and biography
- 8 Advisory Board member profiles with circular photos
- Placeholder initials for members without uploaded photos
- Board responsibilities section
- Comprehensive research conduct guidelines
- 7 core guidelines with icons and descriptions
- FAIR principles (Findable, Accessible, Interoperable, Reusable)
- Compliance and security requirements
- Required training information
- Detailed submission guidelines
- 6 focus areas (ML, Data Visualization, BI, Healthcare, Policy Analysis, Cloud/AI)
- Eligibility criteria for partners
- Project requirements and timeline
- 5-step submission process
- Benefits of partnering section
- Email, phone, and location information
- Quick links to all major sections
- Call-to-action buttons
- Next.js 15 - React framework with App Router
- React 19 - UI library
- TypeScript - Type safety
- Tailwind CSS - Utility-first CSS framework
- shadcn/ui - Re-usable component library
- Custom CSS variables for theming
- Bun - Fast JavaScript runtime and package manager
- Biome - Fast linter and formatter
- ESLint - Code quality
- Netlify - Hosting and CI/CD
- Barlow - Google Fonts
Ensure you have the following installed:
-
Clone the repository
git clone https://github.com/your-username/umflint-ideas.git cd umflint-ideas -
Install dependencies
bun install
-
Run the development server
bun run dev
-
Open your browser
http://localhost:3000
The development server uses Turbopack for fast refresh and hot module replacement.
umflint-ideas/
├── src/
│ ├── app/
│ │ ├── page.tsx # Homepage
│ │ ├── projects/
│ │ │ └── page.tsx # Projects page
│ │ ├── advisory-board/
│ │ │ └── page.tsx # Advisory Board page
│ │ ├── ideas-policy/
│ │ │ └── page.tsx # IDEAS Policy page
│ │ ├── call-for-projects/
│ │ │ └── page.tsx # Call for Projects page
│ │ ├── contact-us/
│ │ │ └── page.tsx # Contact page
│ │ ├── layout.tsx # Root layout
│ │ ├── globals.css # Global styles
│ │ └── ClientBody.tsx # Client-side body wrapper
│ ├── components/
│ │ ├── Header.tsx # Navigation header
│ │ ├── Footer.tsx # Footer component
│ │ └── ui/ # shadcn/ui components
│ └── lib/
│ └── utils.ts # Utility functions
├── public/
│ ├── mohamed-mkaouer.jpg # Director photo
│ ├── Heather_Dawson.jpeg # Board member photos
│ ├── Marcus_Paroske.jpg
│ ├── Chris_Doglas.jpeg
│ ├── Greg_Rybarczyk.jpeg
│ └── Halil_Bisgin.jpeg
├── .same/
│ └── todos.md # Development todos
├── next.config.js # Next.js configuration
├── tailwind.config.ts # Tailwind configuration
├── tsconfig.json # TypeScript configuration
├── package.json # Dependencies and scripts
└── README.md # This file
| Command | Description |
|---|---|
bun run dev |
Start development server with Turbopack |
bun run build |
Build production bundle |
bun run start |
Start production server |
bun run lint |
Run ESLint for code quality |
This project uses shadcn/ui for UI components. To add a new component:
bunx shadcn@latest add -y -o [component-name]No environment variables are required for basic functionality. Add a .env.local file for custom configurations:
# Example
NEXT_PUBLIC_SITE_URL=https://ideas.umflint.eduThis site is configured for deployment on Netlify:
-
Connect Repository
- Link your GitHub repository to Netlify
-
Build Settings
- Build command:
bun run buildornpm run build - Publish directory:
.next
- Build command:
-
Deploy
- Push to main branch triggers automatic deployment
# Build the project
bun run build
# The output will be in the .next directory- Primary Navy:
#0d2747- Headers, text, and dark sections - Maize Yellow:
#FFCB05- Accent color, highlights, CTAs - Pink/Beige:
#FDF6F0- Section backgrounds - White:
#FFFFFF- Main background
- Font Family: Barlow (Google Fonts)
- Weights: 300, 400, 500, 600, 700
- Style: Bold, modern, highly legible
- ✨ Tilted Image Frames - Playful, dynamic visual interest
- 🟡 Yellow Highlights - Draw attention to key phrases
- 📦 Bold Bordered Cards - Clear content separation
- 🎯 Large Typography - Emphasis on readability
- 🔄 Hover Effects - Interactive user experience
We welcome contributions to improve the IDEAS Hub website!
- Fork the repository
- Create a feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
- Follow the existing code style
- Use TypeScript for type safety
- Test your changes thoroughly
- Update documentation as needed
This project is part of the University of Michigan-Flint and is proprietary. All rights reserved.
© 2025 The Regents of the University of Michigan
Institute of Data Engineering, Analytics, and Science
- Email: flint.ideas@umich.edu
- Phone: 810-762-3300
- Address: 303 E. Kearsley Street, Flint, MI 48502
- Website: umflint.edu/ideas
- University of Michigan-Flint: For supporting data science initiatives
- Advisory Board: For guidance and leadership
- Community Partners: For collaboration on research projects
Built with ❤️ for the UM-Flint community