Job Oppurtunity at Ninjas Code for Full Stack Developer

About the position
At Ninjas Code we have an opening for Full Stack Developer. To be considered for this position, you need to meet the following criteria:

1. Must Star the repo
2. Open to on-site full-time role

For any queries, you can contact:

Email: talent@ninjascode.com
Phone WhatsApp: +92 341 8905592

Deadline for task Submission: 25th February 2025 6:00 PM PK

Please note that submissions after the deadline won't be accepted

Task Details
In the current repo folder enatega-multivendor-web we have the following tech stack implemented:

a. React
b. Material UI
c. Apollo Client
d. JavaScript

Your task is to create a new project in the following tech stack:

a. NextJS > 14.x (Use app router)
b. Tailwind with PrimeReact
c. Cypress with e2e and unit testing
d. Typescript

You need to implement the design of the new homepage. Exact pixel-perfect implementation is not required, but scalability and responsiveness are important. You can refer to the current implementation for functionalities. The functionalities that need to work include:

1- Getting the current location of the user
2- Displaying user location in the text area
3- Display user location in the dropdown
4- Clicking Find Restaurant should query the endpoint that is already deployed in the final version with latitude and longitude
5- Clicking Find Restaurants should display restaurants in Grid Format for user location

Please review the following images below:

Screenshot 2024-04-25 at 3 35 59 PM

Current design of the system to view the deployed version of the screen click here.

web

Design that needs to be implemented for the new revamp of the version

To submit, add developer@ninjascode.com as collaborator

We look forward to your submission!

Start by reviewing the existing implementation in enatega-multivendor-web and the referenced deployed version and design images. The new Next.js app should support location lookup, location display, restaurant queries by latitude and longitude, and grid results, with Cypress end-to-end and unit coverage. Done means the responsive homepage implements these listed flows.

Written by the indexing model from the issue text.