Giter Club home page Giter Club logo

foxflue-assessment's Introduction

Foxflue Assessment

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.

Setup on Local Device

To setup project on your local device for test run, please follow the process below

  1. Clone or Download project repository into your local system via cli/terminal or any of the avialable github options
  2. Navigate to project cloned directory on your local system from your termimal
  3. 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

Development Server

Start the development server on http://localhost:3000:

# npm
npm run dev

Production

Build the application for production:

# npm
npm run build

Deployed Link

Deployed To Varcel https://foxflue-assessment-henna.vercel.app/ .

Other Documentation

Look at the Nuxt 3 documentation to learn more.

Check out the deployment documentation for more information.

foxflue-assessment's People

Contributors

doniyke avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.