{"id":20325549,"url":"https://github.com/hoaian2/college-quiz-app","last_synced_at":"2025-04-11T19:55:10.339Z","repository":{"id":196327617,"uuid":"695752285","full_name":"HOAIAN2/college-quiz-app","owner":"HOAIAN2","description":"A Quiz app build with Laravel+React ","archived":false,"fork":false,"pushed_at":"2024-10-29T08:40:00.000Z","size":9930,"stargazers_count":13,"open_issues_count":0,"forks_count":4,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-10-29T09:55:29.817Z","etag":null,"topics":["excel","laravel","php","react","typescript"],"latest_commit_sha":null,"homepage":"http://andev.great-site.net","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/HOAIAN2.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-09-24T05:31:31.000Z","updated_at":"2024-10-29T08:40:03.000Z","dependencies_parsed_at":"2023-09-30T05:29:22.420Z","dependency_job_id":"3bc56792-1626-481c-900c-bb4bc8d42492","html_url":"https://github.com/HOAIAN2/college-quiz-app","commit_stats":null,"previous_names":["hoaian2/college-quiz-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HOAIAN2%2Fcollege-quiz-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HOAIAN2%2Fcollege-quiz-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HOAIAN2%2Fcollege-quiz-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HOAIAN2%2Fcollege-quiz-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/HOAIAN2","download_url":"https://codeload.github.com/HOAIAN2/college-quiz-app/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248472668,"owners_count":21109624,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["excel","laravel","php","react","typescript"],"created_at":"2024-11-14T19:40:29.947Z","updated_at":"2025-04-11T19:55:10.329Z","avatar_url":"https://github.com/HOAIAN2.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# College-Quiz-App\n\n## Technologies\n\n- Laravel 12\n- React 19\n\n## Prerequisites\n\n- Nodejs (only for Dev)\n- PHP 8.2 or later\n- MySQL / MariaDB\n\n## Installation\n\n``` console\ngit clone https://github.com/HOAIAN2/college-quiz-app.git\n```\n\n- Run `./scripts/install.sh` to generate .env file and install libs for both server and client.\n- Edit Enviroment variables in .env file.\n\n``` env\nDB_CONNECTION=mariadb\nDB_HOST=127.0.0.1\nDB_PORT=3306\nDB_DATABASE=college-quiz-app\nDB_USERNAME=admin\nDB_PASSWORD=123456789\n````\n\n- Remember to update your correct timezone\n\n``` env\nAPP_TIMEZONE=UTC\n```\n\n- Remember to update demo password if you run application in demo mode.\n\n```env\nDEMO=true\nDEMO_PASSWORD=\"123456789\"\n```\n\n- Create database, seed data\n\n```console\nphp artisan migrate\n```\n\n```console\nphp artisan db:seed\n```\n\n- Build\n\nSome free hosting like infinityfree, 000webhost only allow GET, POST method so you can config override method when call api on client\n\n``` env\nVITE_DEV_PORT=3000\nVITE_DEV_SERVER_PORT=8000\nVITE_OVERRIDE_HTTP_METHOD=true\n```\n\n```console\n./scripts/build.sh\n```\n\n## Editor settings\n\nThis project combine both frontend and backend, maybe it some extensions not correctly. Here is my vscode settings for this project:\n\n```json\n{\n  \"Laravel.basePath\": \"backend\",\n  \"typescript.tsdk\": \"./frontend/node_modules/typescript/lib\",\n}\n```\n\n## Deploy\n\n### Free hosting\n\nRun Deploy file to build and compress all necessary files to app.tar.gz\n\n```console\n./scripts/deploy.sh\n```\n\nYou can host front end and backend in 2 domain\n\n```env\nVITE_API_HOST=\n```\n\n### VPS with Docker\n\nDocker settings save in `docker` directory, `Nginx` connect to `php-fpm` via unix socket instead of normal TCP socket. You can custom `php-fpm` settings by modify the `zz-docker.conf`, but you have to create the file first by copy content from `zz-docker.example.conf`\n\nI'm only setup `Nginx` with `php-fpm` and `Redis` so you have to host your database yourself, or just modify the `docker-compose.yml` or using any other way to host you database.\n\nYou can host this application with `docker` by run simple command\n\n```console\n./scripts/install.sh --docker # Create docker config files\n./scripts/build.sh --docker\ndocker compose up -d\n```\n\n## Cron Job\n\nThis application still works even if you do not set up a cron job. But you should set up a cron job to clean up data, files, etc.\n\nCron job file stored in `docker/crontab`\n\n## Backup database\n\nUse any tool or cli like `mysqldump`, `mariadb-dump`. I already write a NodeJS wrapper base on `mysqldump` for better performance. \u003chttps://github.com/HOAIAN2/mysql-backup\u003e\n\n## Database Diagram\n\n![DB Diagram](./img/college-quiz-app.png)\n\n## Demo\n\n### Dashboard UI\n\n![Dashboard](./img/Screenshot%202024-12-31%20153408.jpg)\n\n### Students UI\n\n![Students](./img/Screenshot%202024-12-31%20152025.jpg)\n\n### Create Question UI\n\n![Create Question](./img/Screenshot%202024-12-31%20153146.jpg)\n\n### Course UI\n\n![Course](./img/Screenshot%202024-12-31%20152331.jpg)\n\n### Exam UI\n\n![Exam](./img/Screenshot%202024-12-31%20152502.jpg)\n\n![Exam](./img/Screenshot%202024-12-31%20153227.jpg)\n\n### Take Exam UI\n\n![Take Exam](./img/Screenshot%202024-12-31%20153244.jpg)\n\n![Take Exam](./img/Screenshot%202024-12-31%20153332.jpg)\n\n![Take Exam](./img/Screenshot%202024-12-31%20153345.jpg)\n\n### Setting UI\n\n![Setting](./img/Screenshot%202024-12-31%20152533.jpg)\n\nFull review (Vietnamese) at Youtube: \u003chttps://www.youtube.com/watch?v=Xkss5f4N0vw\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhoaian2%2Fcollege-quiz-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhoaian2%2Fcollege-quiz-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhoaian2%2Fcollege-quiz-app/lists"}