Skip to content

Latest commit

Β 

History

8 Commits

Folders and files

NameName
Last commit message
Last commit date
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸŽ‰ React User Management App πŸŽ‰

Welcome to the React User Management App! This app allows you to seamlessly add and remove users via a form and display them as cards. It's simple, sleek, and interactive! πŸš€

πŸ“ Features

  • βž• Add new users with a form.
  • πŸ–ΌοΈ Display users as stylish cards.
  • ❌ Remove users with the click of a button.

πŸ–ΌοΈ Screenshot

App Screenshot

βš™οΈ How It Works

  1. ✍️ Fill out the form with user details.
  2. πŸ–±οΈ Hit the Submit button to add a user.
  3. πŸ—‘οΈ Click Remove on any card to delete that user.

🧩 Components

πŸ”Ή App Component

  • Manages the state of the list of users. πŸ“‹
  • Passes necessary data and actions to child components.

πŸ”Ή Cards Component

  • Displays the user data in neat cards. πŸ–ΌοΈ
  • Accepts users and handleRemove as props for user management.

πŸ”Ή Form Component

  • Provides the form to add users. ✏️
  • Calls the handleFormSubmitData function (passed via props) to add a new user.

πŸ’» Tech Stack

  • React: For creating interactive UIs. βš›οΈ
  • Tailwind CSS: For beautiful, responsive design. 🎨

🀝 Contributing

Want to help make this app even better? Feel free to fork the repository and submit pull requests for any improvements or bug fixes. Contributions are always welcome! πŸ™Œ

πŸ“œ License

This project is licensed under the MIT License. Feel free to use it as you wish! πŸ“


πŸš€ Installation

Getting this app up and running on your local machine is super easy! Just follow these steps:

  1. Clone the repository:

    git clone https://github.com/your-username/react-user-management-app.git
  2. Navigate to the project directory:

    cd react-user-management-app
  3. Install dependencies using npm:

    npm install
  4. Start the development server and enjoy! πŸŽ‰

    npm start

Now you're all set! 🎊 Start adding and removing users with ease. 😊

About

Welcome to the React User Management App! This app allows you to seamlessly add and remove users via a form and display them as cards. It's simple, sleek, and interactive! πŸš€

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages