Krause-Maker.cyou
#Website#School#Krause-Maker

# Krause-Maker: A Student-Led IT Portfolio Platform
## About the Project
**Krause-Maker** is an innovative web-based portfolio platform developed for Emil Krause Schule's IT program. It serves as the official hub where students showcase their development projects, share technical knowledge through blogs, and collaborate as a unified team.
Built with modern web technologies (Next.js, MongoDB, React), Krause-Maker demonstrates real-world full-stack development practices while providing students with hands-on experience in:
- **Web Development**: Creating responsive, production-ready interfaces
- **Backend Architecture**: Database design, API development, authentication systems
- **DevOps & Deployment**: Hosting on Vercel with CI/CD pipelines
- **Content Management**: Admin dashboards for managing projects, blogs, and team information
- **Internationalization**: Full German/English language support
## Key Features
- **Project Showcase**: Students upload and display their IT work with live links and source code repositories
- **Blog Platform**: Technical write-ups, tutorials, and project documentation
- **Team Management**: Directory of contributors with roles and profiles
- **Admin Dashboard**: Complete content management system for non-technical staff
- **News Feed**: Campus announcements and project updates with Markdown support
- **Mobile Responsive**: Works seamlessly on all devices
- **Dark Theme Design**: Modern, professional aesthetic with smooth animations
## Technology Stack
- **Frontend**: Next.js 14, React 18, Tailwind CSS
- **Backend**: Node.js, MongoDB Atlas
- **Authentication**: NextAuth.js with email/password login
- **Deployment**: Vercel (automatic CI/CD)
- **Features**: Multi-language support (DE/EN), dynamic rendering, real-time updates
## Live at [krause-maker.cyou](https://krause-maker.cyou)
The platform is live and continuously evolving with new student projects, showcasing Emil Krause Schule's commitment to modern IT education and hands-on learning.
---
**Role**: Full-stack developer — designed, built, and deployed the complete platform from scratch.