Git Product home page Git Product logo

pod-dev-task's Introduction

The Marketing Pod Dev - Technical Task

Thanks for applying for a developer role at The Marketing Pod. The purpose of this test is just to check how you would implement the following in a React application. You are free to spend as much time as you would need but we advise the task should take more that 4 - 6 hours at most. This isn't a test of your UI / UX skills, so dont worry we are not expecting a highly polished UI, just something functional.

Once you have completed the task please add to Git and share the repo with us.

Brief

The task is to create a simple dashboard application which will display a list of users. You should be able to click on a user and it will open up a modal with the option to edit or delete the user. Clicking edit will take you to a new page with the information on the user displayed in a form. There should be the option to also delete the user here.

Additional information

  • Please use this to simulate the API - [https://dummyjson.com/docs/] - specifically the user endpoint.
  • You are free to use which ever router you want, please make sure you have a dashboard page which has all the users listed and a user page which is used to get the data about that user.
  • The site should be responsive and look good on all devices, however it just needs to be basic responsive and not break on smaller screens
  • Please use Tailwind for styling - [https://tailwindcss.com/docs/installation] - this is already installed for you

Scripts

  • npm run dev start Vite
  • npm run build builds project

Bonus points

Bonus points are available for the following:

  • A sidebar menu which opens and closes
  • Adding the ability to save the user, there is information on how to replicate this here - [https://dummyjson.com/docs/users#update]
  • Creating a nice, clean UI that works well accross all devices
  • Any other nice touches to the UI that you feel enhance it
  • Dark mode!

Remember this test is just about how you would approach the above work. If you are unable to complete the test in the time that is ok, please be prepared to discuss your solution and the challenges you may have faced whilst completing it.

If you have any questions please feel free to reach out to us.

Good luck

pod-dev-task's People

Contributors

krisb-dev avatar

Stargazers

Vasilis avatar

Watchers

Adam Leach avatar  avatar

Forkers

dannykryan

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.