{"id":50345279,"url":"https://github.com/devbyray/glr-stagemarkt-clone","last_synced_at":"2026-05-29T19:30:51.873Z","repository":{"id":341077399,"uuid":"1160377682","full_name":"devbyray/glr-stagemarkt-clone","owner":"devbyray","description":null,"archived":false,"fork":false,"pushed_at":"2026-02-27T21:17:01.000Z","size":3395,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-02-28T00:43:46.542Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://glr-stagemarkt-clone.vercel.app","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/devbyray.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-02-17T21:41:28.000Z","updated_at":"2026-02-27T21:17:05.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/devbyray/glr-stagemarkt-clone","commit_stats":null,"previous_names":["devbyray/glr-stagemarkt-clone"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/devbyray/glr-stagemarkt-clone","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devbyray%2Fglr-stagemarkt-clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devbyray%2Fglr-stagemarkt-clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devbyray%2Fglr-stagemarkt-clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devbyray%2Fglr-stagemarkt-clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/devbyray","download_url":"https://codeload.github.com/devbyray/glr-stagemarkt-clone/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devbyray%2Fglr-stagemarkt-clone/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33668185,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-05-29T02:00:06.066Z","response_time":107,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":[],"created_at":"2026-05-29T19:30:51.021Z","updated_at":"2026-05-29T19:30:51.865Z","avatar_url":"https://github.com/devbyray.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# GLR Stagemarkt Clone\n\n![GLR Stagemarkt](./homepage.png)\n\n**🌐 Live demo: [https://glr-stagemarkt-clone.vercel.app/](https://glr-stagemarkt-clone.vercel.app/)**\n\nEen moderne vacature website voor MBO studenten, gebouwd met Nuxt.js en Tailwind CSS. Geïnspireerd door Stagemarkt.nl met de visuele stijl van het Grafisch Lyceum Rotterdam.\n\n\u003e *Deze applicatie is ontwikkeld als onderdeel van een gastles voor het [Grafisch Lyceum Rotterdam](https://glr.nl) door [SBB](https://s-bb.nl). Design gemaakt in [PenPot](https://design.penpot.app/#/view?file-id=429aa6c1-d613-816d-8007-9757a31a90a3\u0026page-id=429aa6c1-d613-816d-8007-9757a31a90a4\u0026section=interactions\u0026index=0\u0026share-id=dd30d345-3fda-8112-8007-976ef5653b91)*\n\n## ✨ Features\n\n- 🔍 **Zoekfunctionaliteit** - Zoek vacatures op functie, bedrijf, locatie of beschrijving\n- 📋 **Vacature overzicht** - Browse door alle beschikbare stageplekken\n- 📄 **Detail pagina's** - Bekijk volledige vacature informatie\n- 🎨 **GLR Brand Design** - Professioneel design in GLR huisstijl\n- 📱 **Responsive** - Werkt perfect op desktop, tablet en mobiel\n- ⚡ **Snel \u0026 Modern** - Gebouwd met Nuxt 4 en Vue 3\n- 🚀 **Vercel Ready** - API endpoints in Nuxt voor eenvoudige deployment\n- 📘 **TypeScript** - Volledige type safety van API tot frontend\n\n## 📦 Installatie\n\nVoordat je begint, heb je een aantal tools nodig:\n\n### Vereisten\n\n1. **Git** - Om het project te downloaden\n   - 📘 [Installatie instructies voor Git](docs/installatie-git.md)\n\n2. **Node.js** - Om de applicatie te draaien (npm komt automatisch mee!)\n   - 📘 [Installatie instructies voor Node.js](docs/installatie-nodejs.md)\n\n### Project installeren\n\nAls je Git en Node.js hebt geïnstalleerd:\n\n```bash\n# 1. Clone het project\ngit clone https://github.com/JOUW-USERNAME/glr-stagemarkt-clone.git\n\n# 2. Ga naar de project folder\ncd glr-stagemarkt-clone\n\n# 3. Installeer dependencies\nnpm install\n```\n\nDit kan 1-2 minuten duren. ⏱️\n\n## 🚀 Start de applicatie\n\nAls alles geïnstalleerd is, start je de development server:\n\n```bash\nnpm run dev\n```\n\nDe applicatie is nu beschikbaar op:\n- **Frontend \u0026 API**: http://localhost:3000\n- **API Endpoints**: \n  - `GET /api/vacatures` - Alle vacatures\n  - `GET /api/vacatures/:id` - Specifieke vacature\n\n## 📁 Project Structuur\n\n```\n├── app/\n│   ├── components/         # Vue componenten (SearchBar, VacancyCard, etc)\n│   ├── composables/        # API logic (useVacancies.ts) met TypeScript\n│   ├── layouts/           # Page layouts met header/footer\n│   └── pages/             # Route pages (index, search, detail)\n├── server/\n│   ├── api/vacatures/     # Nuxt API endpoints (TypeScript)\n│   ├── data.ts            # Vacatures data (18 stageplekken)\n│   └── types.ts           # TypeScript interfaces (Vacancy)\n├── docs/\n│   ├── installatie-git.md     # Git installatie instructies\n│   └── installatie-nodejs.md  # Node.js installatie\n└── tailwind.config.js     # GLR brand kleuren\n```\n\n## 🎨 GLR Brand Kleuren\n\nGebaseerd op de authentieke glr.nl website:\n\n- **Primary Lime Green**: `#8fe507` - Officiële GLR lime-groene kleur\n- **Black**: `#000000` - Voor tekst, knoppen en sterke accenten  \n- **White**: `#ffffff` - Voor achtergronden en contrast\n- **Bright Lime**: `#baed00` - Voor banners en call-to-actions\n\nDe styling volgt het karakteristieke GLR design met felle lime-groene accenten, strakke zwarte elementen en een modern, bold typografie.\n\n## 📝 Scripts\n\n```bash\nnpm run dev        # Start development server\nnpm run build      # Build voor productie\nnpm run generate   # Generate static site\nnpm run preview    # Preview production build\n```\n\n## 🛠️ Tech Stack\n\n- Nuxt.js 4 (Vue 3)\n- Tailwind CSS 3\n- Nuxt Server API Routes\n- TypeScript\n\n## 🌐 Deployment\n\nDe applicatie is klaar voor deployment op Vercel:\n\n1. Push je code naar GitHub\n2. Importeer het project in Vercel\n3. Vercel detecteert automatisch de Nuxt configuratie\n4. Deploy! 🚀\n\nDe API endpoints (`/api/vacatures`) werken automatisch op Vercel als serverless functions.\n\n## 🔧 Veelvoorkomende problemen\n\n### ❌ \"npm: command not found\" of \"'npm' is not recognized\"\n\n**Oplossing:** Node.js is niet correct geïnstalleerd. Herinstalleer Node.js via de [installatie instructies](docs/installatie-nodejs.md).\n\n### ❌ \"Port 3000 is already in use\"\n\n**Oplossing:** Er draait al iets op port 3000. Stop dat programma of gebruik een andere port:\n```bash\nPORT=3001 npm run dev\n```\n\n**Windows (PowerShell):**\n```powershell\n$env:PORT=3001; npm run dev\n```\n\n### ❌ Problemen met `npm install`\n\n**Oplossing 1:** Verwijder `node_modules` en probeer opnieuw:\n```bash\n# Windows\nrmdir /s node_modules\nnpm install\n\n# macOS/Linux\nrm -rf node_modules\nnpm install\n```\n\n**Oplossing 2:** Gebruik een oudere Node.js versie (v18 LTS) als v20 problemen geeft.\n\n### ❌ De pagina laadt niet of blijft leeg\n\n**Oplossing:** \n1. Check of de server draait (je zou `✓ Nuxt ready` moeten zien in je terminal)\n2. Probeer de browser cache te legen (Ctrl+Shift+R of Cmd+Shift+R)\n3. Open http://localhost:3000 in een incognito/privé venster\n\n### 💡 Hulp nodig?\n\nKom naar de docent of klassgenoot! Samen kom je er altijd uit. 🤝\n\n---\n\n**Made for GLR students** ❤️\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevbyray%2Fglr-stagemarkt-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevbyray%2Fglr-stagemarkt-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevbyray%2Fglr-stagemarkt-clone/lists"}