Scribd
Upload
8 views4 pages

Frontend Internship Task

The document outlines a task for applicants applying for a Vue/Nuxt internship at Wipadika Innovations, requiring them to build a mini job board using Nuxt 3. The task includes creating a job listings page with filters and pagination, as well as a job detail page with route validation. Submission instructions and a deadline of May 11, 2025, are also provided, along with optional bonus features for enhanced functionality.

Uploaded by

rojaksh963
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
8 views4 pages

Frontend Internship Task

The document outlines a task for applicants applying for a Vue/Nuxt internship at Wipadika Innovations, requiring them to build a mini job board using Nuxt 3. The task includes creating a job listings page with filters and pagination, as well as a job detail page with route validation. Submission instructions and a deadline of May 11, 2025, are also provided, along with optional bonus features for enhanced functionality.

Uploaded by

rojaksh963
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

🧪 Frontend Internship Task – Vue.js + Nuxt.

js
👋 Welcome!​
We’re excited you’re applying for the Vue/Nuxt internship at Wipadika Innovations Private
Limited. This task will help us understand how well you know the core concepts of Vue, Nuxt,
and modern frontend development.

If selected, you’ll be working on production-grade features — so we’re evaluating not just your
output, but how you approach structure, documentation, and attention to detail.

🎯 Task: Build a Mini Job Board


Build a Nuxt 3 app that allows users to browse job listings, filter them by location and type,
paginate results, and view job details on a separate page.

📌 Requirements
Pages

1.​ Job Listings Page (/)​

○​ Display jobs from a static jobs.json file.​

○​ Include filters: Location and Job Type​

○​ Display 5 jobs per page​

○​ Use query params to persist the filter and page state.​

2.​ Job Detail Page (/jobs/[id])​

○​ Clicking a job takes the user to a detailed view​

○​ Validate the route. If job ID doesn’t exist, show a 404 message.​


🧩 Sample jobs.json
Save this file under data/jobs.json:

[
{
"id": "job1",
"title": "Frontend Developer",
"company": "TechCorp",
"location": "Bangalore",
"type": "Full-time",
"description": "Build and maintain UI components using Vue.js and Tailwind CSS."
},
{
"id": "job2",
"title": "Vue.js Intern",
"company": "Startify",
"location": "Remote",
"type": "Internship",
"description": "Assist in developing features in a Nuxt 3 based frontend app."
},
{
"id": "job3",
"title": "Nuxt Developer",
"company": "WebWorks",
"location": "Chennai",
"type": "Contract",
"description": "Create dynamic routes and SSR pages in Nuxt 3."
},
{
"id": "job4",
"title": "Fullstack Vue Developer",
"company": "StackNinja",
"location": "Bangalore",
"type": "Full-time",
"description": "Build APIs and frontend in a modern Vue + Node stack."
},
{
"id": "job5",
"title": "Junior Frontend Developer",
"company": "UIExperts",
"location": "Remote",
"type": "Part-time",
"description": "Maintain component libraries and write unit tests."
},
{
"id": "job6",
"title": "Design Systems Intern",
"company": "PixelPlay",
"location": "Bangalore",
"type": "Internship",
"description": "Work with senior designers to build reusable Vue components."
},
{
"id": "job7",
"title": "Frontend Architect",
"company": "ScaleUp",
"location": "Hyderabad",
"type": "Full-time",
"description": "Lead frontend tech decisions and mentor engineers."
}
]

🧠 Bonus
You may use:

●​ Pinia or useState() for managing filters​

●​ Composables like usePagination(), useJobs(), etc.​

●​ TypeScript if you're comfortable

🧾 Submission Instructions
1.​ Zip your entire project folder (including README.md)​

2.​ Include in the README:​

○​ Setup instructions (npm install, npm run dev)​


○​ Project structure summary​

○​ Any known issues​

3.​ Name your zip file like:​


vue-internship-task-<YourName>.zip​

4.​ Email it to:​


📧 [email protected]​
Subject: Vue Internship Submission – <Your Name>

⏰ Time Limit
Please aim to submit the task before 11th May 2025, 10 PM.

🛠️ Questions?
If anything is unclear, feel free to mention your assumptions in the README or comments.

You might also like