Trendshift - Ask AI

base on LaraCollab is a project management tool build with Laravel and React. <img src="/resources/docs/banner.jpg"> LaraCollab, developed with Laravel and React, serves as a project management tool. The primary idea behind this initiative is to provide developers or development companies with a free platform to efficiently manage clients, projects, log time, and generate invoices. You may wonder, 'Why another tool when there are already feature-rich options available for free?' Yes, that's a valid point. However, my aim is to offer a project management tool specifically tailored for Laravel developers, giving them option to integrate and customize features according to their unique workflows. ## Features - User roles (e.g., client, manager, developer, designer) with customizable permissions. - Management of client companies. - Manage client users that have access to company tasks. - Project management with user access control. - Task groups within projects (e.g., Todo, In progress, QA, Done, Deployed). - Task can have a assignee, due date, custom labels, time estimation (add manually or use timer), attachments, subscribers, and comments. - Task filters for efficient organization. - Real-time notifications and task updates via web sockets. - Mention functionality in task descriptions and comments. - Personalized "My Tasks" page for each user. - Activity page for projects or selected ones. - Invoice generation from billable tasks with logged time. - Print or download invoices directly from the platform. - Dashboard offering project progress, overdue tasks, recently assigned tasks, and recent comments. - Additional reports for daily logged time per user and total logged time. - Dark mode support for user preference. ## Screenshots <img src="/resources/docs/screenshots/Dashboard - light.jpeg" width="45%"> <img src="/resources/docs/screenshots/Dashboard - dark.jpeg" width="45%"> <img src="/resources/docs/screenshots/Projects - light.jpeg" width="45%"> <img src="/resources/docs/screenshots/Projects - dark.jpeg" width="45%"> <img src="/resources/docs/screenshots/Project tasks - light.jpeg" width="45%"> <img src="/resources/docs/screenshots/Project tasks - dark.jpeg" width="45%"> <img src="/resources/docs/screenshots/Task - light.jpeg" width="45%"> <img src="/resources/docs/screenshots/Task - dark.jpeg" width="45%"> <img src="/resources/docs/screenshots/My tasks - light.jpeg" width="45%"> <img src="/resources/docs/screenshots/My tasks - dark.jpeg" width="45%"> <img src="/resources/docs/screenshots/Activity - light.jpeg" width="45%"> <img src="/resources/docs/screenshots/Activity - dark.jpeg" width="45%"> <img src="/resources/docs/screenshots/Invoice - light.jpeg" width="45%"> <img src="/resources/docs/screenshots/Invoice - dark.jpeg" width="45%"> ## Tech stack [Laravel](https://laravel.com) for backend, [React](https://react.dev) for frontend and [Inertia](https://inertiajs.com) for "glueing" them together. For the frontend React UI components, the awesome [Mantine](https://mantine.dev) library was used. ## Setup ### Project 1. Clone the repository using `git clone https://github.com/vstruhar/lara-collab.git` 2. Cd into the project 3. Install npm dependencies with `npm install` 4. Copy the `.env` file with `cp .env.example .env` 5. Generate an app encryption key with `php artisan key:generate` 6. Create an empty database for the application 7. In the `.env` file, add database credentials to allow Laravel to connect to the database (variables prefixed with `DB_`) 8. Migrate the database with `php artisan migrate --seed` #### Development 9. You will be asked if you want to seed development data, for testing or development enter `yes`. 10. Install composer dependencies with `composer install` 11. Run `npm run dev` > NOTE: [Laravel Sail](https://laravel.com/docs/10.x/sail#introduction) was used for development, so if you want you can use that. #### Production 9. You will be asked if you want to seed development data, for production enter `no`. 10. Run `composer install --no-dev` to install project dependencies. 11. Run `php artisan optimize` to optimize Laravel for production. 12. Run `php artisan storage:link` to create symbolic link for storage in public directory. 13. Setup [task scheduler](https://laravel.com/docs/10.x/scheduling#running-the-scheduler) by adding this to cron (to edit cron run `crontab -e`). `* * * * * cd /path-to-your-project && php artisan schedule:run >> /dev/null 2>&1` 14. Emails, notifications and events are queueable. If you want to enable queues then you will have to set `QUEUE_CONNECTION=database` in `.env`. And then run [queue worker](https://laravel.com/docs/10.x/queues#running-the-queue-worker) with [supervisor](https://laravel.com/docs/10.x/queues#supervisor-configuration) using this command `php artisan queue:work --queue=default,email`. 15. Setup email by updating variables in `.env` that have `MAIL_` prefix. 16. Finally build frontend with `npm run build`. ### Admin user New admin user will be created after running migrations with seed. email: `[email protected]` password: `password` ### Web sockets You may use [Pusher](https://pusher.com) for web sockets, since number of free messages should be enough for the use case. Or you can use [open source alternatives](https://laravel.com/docs/10.x/broadcasting#open-source-alternatives). To use Pusher, sign up, then create a project and copy paste app keys to `.env` (variables with `PUSHER_` prefix). ### Social login (Google) 1. Setup "OAuth consent screen" on Google Console ([link](https://console.cloud.google.com/apis/credentials/consent)). 2. Create "OAuth Client ID", select Web application when asked for type ([link](https://console.cloud.google.com/apis/credentials)). 3. Use generated "Client ID" and "Client secret" in the `.env` (`GOOGLE_CLIENT_ID` and `GOOGLE_CLIENT_SECRET`). ## Roadmap - [x] Kanban view. - [x] Report that will calculate expense and profit per user. - [ ] Add project notes section. - [ ] Multiple users should be able to log time on a task - [ ] Add history of changes to the task. - [ ] Change specific permission per user. - [ ] Make it responsive. - [ ] Add emojis to rich text editor. - [ ] Write tests. - [ ] Optimize frontend and backend. - [ ] Consider moving to TypeScript. ", Assign "at most 3 tags" to the expected json: {"id":"8636","tags":[]} "only from the tags list I provide: [{"id":77,"name":"3d"},{"id":89,"name":"agent"},{"id":17,"name":"ai"},{"id":54,"name":"algorithm"},{"id":24,"name":"api"},{"id":44,"name":"authentication"},{"id":3,"name":"aws"},{"id":27,"name":"backend"},{"id":60,"name":"benchmark"},{"id":72,"name":"best-practices"},{"id":39,"name":"bitcoin"},{"id":37,"name":"blockchain"},{"id":1,"name":"blog"},{"id":45,"name":"bundler"},{"id":58,"name":"cache"},{"id":21,"name":"chat"},{"id":49,"name":"cicd"},{"id":4,"name":"cli"},{"id":64,"name":"cloud-native"},{"id":48,"name":"cms"},{"id":61,"name":"compiler"},{"id":68,"name":"containerization"},{"id":92,"name":"crm"},{"id":34,"name":"data"},{"id":47,"name":"database"},{"id":8,"name":"declarative-gui "},{"id":9,"name":"deploy-tool"},{"id":53,"name":"desktop-app"},{"id":6,"name":"dev-exp-lib"},{"id":59,"name":"dev-tool"},{"id":13,"name":"ecommerce"},{"id":26,"name":"editor"},{"id":66,"name":"emulator"},{"id":62,"name":"filesystem"},{"id":80,"name":"finance"},{"id":15,"name":"firmware"},{"id":73,"name":"for-fun"},{"id":2,"name":"framework"},{"id":11,"name":"frontend"},{"id":22,"name":"game"},{"id":81,"name":"game-engine "},{"id":23,"name":"graphql"},{"id":84,"name":"gui"},{"id":91,"name":"http"},{"id":5,"name":"http-client"},{"id":51,"name":"iac"},{"id":30,"name":"ide"},{"id":78,"name":"iot"},{"id":40,"name":"json"},{"id":83,"name":"julian"},{"id":38,"name":"k8s"},{"id":31,"name":"language"},{"id":10,"name":"learning-resource"},{"id":33,"name":"lib"},{"id":41,"name":"linter"},{"id":28,"name":"lms"},{"id":16,"name":"logging"},{"id":76,"name":"low-code"},{"id":90,"name":"message-queue"},{"id":42,"name":"mobile-app"},{"id":18,"name":"monitoring"},{"id":36,"name":"networking"},{"id":7,"name":"node-version"},{"id":55,"name":"nosql"},{"id":57,"name":"observability"},{"id":46,"name":"orm"},{"id":52,"name":"os"},{"id":14,"name":"parser"},{"id":74,"name":"react"},{"id":82,"name":"real-time"},{"id":56,"name":"robot"},{"id":65,"name":"runtime"},{"id":32,"name":"sdk"},{"id":71,"name":"search"},{"id":63,"name":"secrets"},{"id":25,"name":"security"},{"id":85,"name":"server"},{"id":86,"name":"serverless"},{"id":70,"name":"storage"},{"id":75,"name":"system-design"},{"id":79,"name":"terminal"},{"id":29,"name":"testing"},{"id":12,"name":"ui"},{"id":50,"name":"ux"},{"id":88,"name":"video"},{"id":20,"name":"web-app"},{"id":35,"name":"web-server"},{"id":43,"name":"webassembly"},{"id":69,"name":"workflow"},{"id":87,"name":"yaml"}]" returns me the "expected json"

AI prompts

AI prompts