kanyi-a / user-list-app

The application should display a list of users fetched from an API and provide basic functionalities like adding a user, deleting a user, and updating a user's information.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

UserList App

Welcome to the UserList App! This is a simple React application that allows you to view a list of users, add new users, edit existing users, and delete users.

Project Structure

The project is structured as follows:

  • public/: Contains the main HTML file and other static assets.
  • src/: Contains the source code of the application.
    • components/: Contains React components for different parts of the application.
    • App.js: The main component that renders the application.
    • index.js: The entry point of the application.
  • package.json: Contains information about the project and its dependencies.
  • README.md: This file, which provides information about the project.

Installation

To run this application, you'll need to have Node.js and npm (Node Package Manager) installed on your machine. If you don't have them installed, you can download and install them from the official Node.js website: https://nodejs.org/

Once you have Node.js and npm installed, follow these steps to get the app up and running:

  1. Clone this repository: git clone https://github.com/kanyi-a/user-list-app.git
  2. Navigate to the project directory: cd user-list-app
  3. Install the project dependencies: npm install

Running the Application

After installing the dependencies, you can start the application by running the following command: npm start

This will start the development server, and the application will be accessible at http://localhost:3000.

Usage

  • View the list of users on the homepage.
  • Click "Add User" to open the form and add a new user.
  • Click the "Edit" button next to a user to edit their information.
  • Click the "Delete" button to remove a user from the list.

License

This project is licensed under the MIT License. Feel free to use, modify, and distribute it as you like.

About

The application should display a list of users fetched from an API and provide basic functionalities like adding a user, deleting a user, and updating a user's information.


Languages

Language:JavaScript 83.9%Language:HTML 9.2%Language:CSS 7.0%