Giter VIP home page Giter VIP logo

hire-react's Introduction

hire-react

This repo is your gateway to work with Dasmalab technologies

Steps to complete

What to Do?

  1. Fork this repo to your own account
  2. Clone the forked repo
  3. Complete the given tasks
  4. Push the changes to your repo
  5. Provide us the repo link via email.

OR

Just clone this repo perform the tasks and submit a compressed zip file (not recommended)

TASK 0

  • Initialize a react app (use create-react-app or any of your preferred method)

TASK 1

  • Implement a simple slider input where user slides it to select a value of 0 to 100 with a step of 5 (https://www.w3schools.com/howto/howto_js_rangeslider.asp) show the current value of slider below it
  • Create a button that shows loading icon for 5 seconds when clicked
  • Create a progress bar and a button.
    • Progress bar should be initially filled at 50%
    • Upon button click it should fill to 100% and the button should be disabled until the browser window is refreshed

TASK 2

TASK 3

  • Make a simple bar chart from any arbitary data
  • Make a map interface where on click it shows the latitide and longitude of the clicked point.

Notes:

  • Partially completed tasks will also be evaluated. So, please submit whatever you have completed
  • Having one route for each task will reflect your familiarity with react router
  • Having one commit per task will show your familiarity with GIT
  • Hosting the final completed result using Github pages or any other medium will be seen as added advantage
  • Use of standard libraries and clean code is encouraged
  • Give normal focus on design aspect and more focus on functional aspect

ALL THE BEST!πŸ˜„πŸ˜„ HAPPY CODINGπŸ’»πŸ’»

hire-react's People

Contributors

sushanghimire avatar binabh 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.