in

A Simple , Minimalist And Responsive User List Made With Vue 3 And Tailwind CSS


LINK DEMO : https://userlist-khangltm.netlify.app

SOURCE CODE : https://github.com/KhangLTM/Userlist

  1. https://reqres.in/api/users

  2. Clone the repo

    git clone https://github.com/KhangLTM/Userlist.git
    
  3. Install NPM packages

  4. Compiles and hot-reloads for development

Let me explain:

  • UserApi.js initializes axios with HTTP base Url and headers.
  • To have a CRUD of users I will use a Composition API thing called composable,which is a separate file that will contain all the methods we need
  • There are 2 main components: ListUser.vue to display main content of the app and UserForm.vue to Create or Update user’s information .
  • In addition to the search and filter function , I create Modal(Edit and Crate) for resposive and mobile-friendly design.

My facebook

[email protected]

A sample app to showcase signin-signup UI demo using clippers in flutter

High-Performance Software Development, Consulting,Training Class Material For Golang