⚠️ EDUCATIONAL PROJECT - NOT FOR PRODUCTION USE This is a student capstone project demonstrating full-stack development skills. Do not use with real sensitive data.
Haven is a mobile-first web app concept for students to document incidents of bullying, harassment, or violence. This project demonstrates:
- Full-stack development (Next.js, React, MongoDB)
- CRUD operations and REST API design
- Mobile-first responsive design
- Accessibility best practices
- Privacy-focused design principles
Created as a capstone project for Neue Fische/Spiced Academy, March 2026.
- Create, read, update, delete incident records
- Mobile-first design
- Basic accessibility support
- Trauma-informed UI (calming colors, discreet design)
- Quick capture (icon-based entry for overwhelming situations)
- User authentication
- Filter & search
- Basic statistics
- Export functionality
- Frontend: Next.js 13, React, Styled Components
- Backend: Next.js API Routes
- Database: MongoDB (Mongoose)
- Deployment: Vercel
This project explores privacy-first design for sensitive documentation:
- Encouraging use of initials instead of full names
- Discreet UI design
- User data ownership
- Delete all functionality
However: This is a demonstration project. Real-world use would require:
- Professional security audit
- Legal consultation
- Professional UX research with target users
- Trauma-informed design consultation
For real incident documentation, please consult:
- School counselors
- Legal professionals
- Licensed therapists
- Official reporting systems
To work locally, please install the dependencies using npm i first.
Run npm run dev to start a development server and open the displayed URL in a browser.
Use npm run test to run the tests.
You can use the following commands:
npm run devto start a development servernpm run buildto build the projectnpm run startto start a production servernpm run testto run the testsnpm run lintto run the linter