The project is to:
Create a Nuxt project (Must be Nuxt 3 Project)
Implement the UI (You can only use Tailwind CSS and Nuxt UI)
Take the User's GPS coordinates, calculate the distance, and show it under the customer address.
When the Inspect button is clicked, a Popup should open. In that popup, let the user click a photo and store it as a Base64 Image string in a variable.
Once the image is clicked, a Toast message should be shown. And remember, make it a global component so it can be invoked from anywhere in the application.
To setup project on your local device for test run, please follow the process below
- Clone or Download project repository into your local system via cli/terminal or any of the avialable github options
- Navigate to project cloned directory on your local system from your termimal
- Install npm to get complete project dependencies using the command below
Install Project Dependencies (Note : recommended Node version is node.js- v16.10.0 or newer)
# npm
npm install
#If you have issues with depencency conflicts
npm install --legacy-peer-deps
Start the development server on http://localhost:3000
:
# npm
npm run dev
Build the application for production:
# npm
npm run build
Deployed To Varcel https://foxflue-assessment-henna.vercel.app/ .
Look at the Nuxt 3 documentation to learn more.
Check out the deployment documentation for more information.