{"id":20609473,"url":"https://github.com/nirjan-dev/vue-school-frontend-test","last_synced_at":"2026-02-03T12:07:05.034Z","repository":{"id":237960329,"uuid":"793384601","full_name":"nirjan-dev/vue-school-frontend-test","owner":"nirjan-dev","description":null,"archived":false,"fork":false,"pushed_at":"2024-05-03T14:10:01.000Z","size":63988,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-03T00:05:39.978Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/nirjan-dev.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}},"created_at":"2024-04-29T06:00:04.000Z","updated_at":"2024-05-03T14:34:22.000Z","dependencies_parsed_at":"2024-05-03T18:35:57.986Z","dependency_job_id":null,"html_url":"https://github.com/nirjan-dev/vue-school-frontend-test","commit_stats":null,"previous_names":["nirjan-dev/vue-school-frontend-test"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/nirjan-dev/vue-school-frontend-test","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nirjan-dev%2Fvue-school-frontend-test","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nirjan-dev%2Fvue-school-frontend-test/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nirjan-dev%2Fvue-school-frontend-test/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nirjan-dev%2Fvue-school-frontend-test/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nirjan-dev","download_url":"https://codeload.github.com/nirjan-dev/vue-school-frontend-test/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nirjan-dev%2Fvue-school-frontend-test/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29045456,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-03T10:09:22.136Z","status":"ssl_error","status_checked_at":"2026-02-03T10:09:16.814Z","response_time":96,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":"2024-11-16T10:13:39.034Z","updated_at":"2026-02-03T12:07:05.010Z","avatar_url":"https://github.com/nirjan-dev.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Senior Frontend Developer Test\n\nCongrats on making it this far into the application process! \n\n# Preparation\n\nUpload this code to a PRIVATE repository on GitHub.\n\n## Goal\n\nThe goal of this test is to ensure your proficiency with\n\n1. Tailwind CSS\n2. Vue\n3. Nuxt\n4. TypeScript\n\nWe also want to give you the chance to demonstrate techniques you would use to:\n\n1. Maximize application performance\n2. Ensure good site SEO\n3. Test Vue components\n\n## Setup Process\n\n### Step 1 - Get Application Running Locally\n\n```bash\n# Install deps\nnpm install\n\n# Start up dev server\nnpm run dev\n```\n\n### Step 2 - Setup the Database\n\nVisit the running application in the browser and click the \"Setup Database\" button.\n\n## The Challenge\n\nThe application you'll be building for this test is the front end of a blogging platform. The api endpoints are documented within the `docs` directory.\n\nYou should code out the following features:\n\n1. A listing of all the blog posts at `/posts`\n   a. The results should be paginated 10 to a page (choose the pagination strategy of your choice... ie. traditional button pagination or infinite scroll, etc)\n   b. List the posts with performance in mind, only fetching the data needed to display each post\n   c. Ensure post images are displayed at the optimal size with NuxtImage\n   d. Encapsulate logical page components into Vue components for easy re-use\n   e. Supply controls to the user to sort Newest to Oldest or Oldest to Newest\n   f. Ensure the sort order works with a query string variable of your choice to enabling sharing of the page with the sort order in tact\n2. A dedicated page for each blog post displaying it's content, image, tile, and author\n   a. Make sure you address SEO\n   b. Once again, consider performance\n   c. Show a 404 page for posts that don't exist\n\n## Example\n\nThe gif below is a visual example of how we solved the same challenge. Feel free to style similarly or come up with your own look.\n\n![](./docs/images/example.gif)\n\n# Done!\n\nThank you for completing this challenge. Kindly inform us when you have finished, and we will proceed to review your code. Make sure to add [VueSchoolTester](https://github.com/VueSchoolTester) to the list of collaborators for your private repository.\n\nBest of luck!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnirjan-dev%2Fvue-school-frontend-test","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnirjan-dev%2Fvue-school-frontend-test","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnirjan-dev%2Fvue-school-frontend-test/lists"}