https://github.com/janani2311/react-axios-crud

React profile community app - allows all CRUD operations
https://github.com/janani2311/react-axios-crud

css html javascript reactjs

Last synced: 2 months ago
JSON representation

React profile community app - allows all CRUD operations

• Host: GitHub
• URL: https://github.com/janani2311/react-axios-crud
• Owner: Janani2311
• Created: 2024-06-24T09:24:29.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-06-29T00:30:10.000Z (11 months ago)
• Last Synced: 2025-02-03T20:50:36.139Z (4 months ago)
• Topics: css, html, javascript, reactjs
• Language: CSS
• Homepage: https://profilecommunity.netlify.app/
• Size: 202 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
This is a React Profile community App - allows user for all CRUD operations.

* It allows User's to create their profile as profile cards which are displayed in the dashboard.

* Read - All the profile details are displayed as profile cards in dashboard.

	- the profile cards are built as flip cards.

	- the front side of the flip card shows profile details like company name, role, email and so on.

	- the back side of the flip card shows contact details like address, location, phone number and website details.

	- Also the EDIT and DELETE ICONS are available on the back side of the flip card, allows the user for edit and delete operations.

* Edit on the back side of the flip card, navigates the user to edit page.

  	- where all the details of the profile clicked will be displayed on the appropriate input fields for the user to edit easily.

  	- once clicked on the submit button, user will be navigated to dashboard page to view the updated details.

* DELETE on the back side of the flip card, deletes the profile immediately and pops up deleted toast notification.

* Create - 'Add User' tab on the sidebar, allows user to add profiles to the profile community.

  	- once the user clicks on the submit button, page navigates to dashboard to view the added details.

*'status report tab' on the sidebar - opens a page displaying basic details of the profile( ID, USERNAME, EMAIL WITH STATUS as 'ACTIVE' or 'Inactive')

	- Also allows the user to update the status by just clicking on the toggle button.

* All the user details are stored in mockAPI and CRUD operations are performed using AXIOS fetch.

* Achieved responsive design using css and media queries.