A web application that provides (almost) AI-powered feedback on content submissions. Built with Laravel, React, and TypeScript, this tool demonstrates Sentry integration for error monitoring, tracing, and session replays.
- Content analysis for different types of content (blog posts, emails, product descriptions, social media)
- Multiple analysis options:
- Tone analysis
- Grammar check
- SEO recommendations
- Readability assessment
- Real-time feedback with visual indicators
- Sentry integration for:
- Error monitoring
- Performance tracing
- Session replay
- User interaction tracking
- Backend: Laravel (PHP)
- Frontend: React with TypeScript
- Styling: Tailwind CSS
- Error Monitoring: Sentry
- Build Tool: Vite
- PHP 8.1 or higher
- Node.js 16 or higher
- Composer
- npm or yarn
- Sentry account
-
Clone the repository
git clone [repository-url] cd [project-directory] -
Install PHP dependencies
composer install
-
Install JavaScript dependencies
npm install
-
Set up environment variables
cp .env.example .env
Then edit
.envand add your Sentry DSN:SENTRY_LARAVEL_DSN=your-sentry-dsn-here -
Generate application key
php artisan key:generate
-
Run database migrations
php artisan migrate
-
Start the development server
# Terminal 1 - Laravel server php artisan serve # Terminal 2 - Vite development server npm run dev
-
Visit the application Open your browser and navigate to
http://localhost:8000
The application is configured with Sentry for:
- Error tracking
- Performance monitoring
- Session replay
- User interaction tracing
To test Sentry integration:
- Submit content through the form
- Use the "Error Testing" section to trigger different types of errors
- Check your Sentry dashboard to see the captured errors and performance data
- Frontend: The React components are in
resources/js/pages/ - Backend: Controllers are in
app/Http/Controllers/ - Services: Business logic is in
app/Services/
# Run PHP tests
php artisan test
# Run frontend tests
npm run test