Git Product home page Git Product logo

code-switch's Introduction

User List App

This project calls random user data from an API and displays it in a card grid.

User List App

Interactions

User Details

If you click a card, it will expand to display additional details about the user. Click the card again to close it or simply click on another user.

Get New Users

At any point, you may click the button at the top of the page to retrieve a new set of users.

Set Number of Users To View

By default, the app will display 10 users at a time. You may select from the drop-down and again click the button to customize the number of users shown.

Responsive

When you resize your screen the number of columns will change to accommodate the available space, per the provided requirements.

Technologies

The app was built using the following technologies:

  • React
  • Axios
  • PropTypes
  • Flexbox
  • Styled Components
  • MUI Custom Theme

code-switch's People

Contributors

nicciwill-solutions avatar

Watchers

 avatar  avatar

code-switch's Issues

Bug caught on www.2.psiwareonline.com

When I click into an Appointment from Search, clicking the Back button doesn't do anything.
I expected to be taken back to the search results screen.

Watch the instant replay here: https://jam.dev/c/ceaf02b0-3ef6-4b55-afad-c680fc5820ec


Website URL:
https://www.2.psiwareonline.com/staff/evaluations/6249

Device and browser info:
Chrome 124.0.6367.209 (1641x872) | Mac OS (arm) 10.15.7

Date and time:
May 29th 2024 | 5:50pm UTC

View developer information (console logs, network requests & timing):
jam.dev/c/ceaf02b0-3ef6-4b55-afad-c680fc5820ec


Captured with jam.dev

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.