This is the frontend of a full-stack web application designed to manage user data. The UI is built using React.js and styled with Bootstrap. It communicates with a secure backend (hosted on the master branch) via RESTful APIs.

⚠️ Project Structure

• main branch: React.js Frontend
• master branch: Spring Boot Backend

Please switch branches accordingly to explore the complete project.

• React.js – Building responsive, component-based UI
• Bootstrap – Styling and layout
• Axios – HTTP communication with the backend
• React Router DOM – Client-side routing

• Displays a list of all users in a table.
• Options to Add, Edit, View, and Delete users.

• A form to register a new user.
• Sends data to backend using POST request via Axios.

• Pre-filled form with user data.
• Allows updates using a PUT request.

• Displays user details in a read-only format.

• Deletes user from backend using a DELETE request.
• Dynamically removes user from the UI.

• Implemented with React Router.
• Pages: /, /adduser, /edituser/:id, /viewuser/:id

• Built using Bootstrap.
• Easy access to all app pages.

# Clone the repository and checkout main branch
git clone https://github.com/Pranavi2002/Full-Stack-Project.git
cd Full-Stack-Project
git checkout main

# Install dependencies
npm install

# Start the development server
npm start

The app will run on http://localhost:3000 by default.

main (React Frontend)
├── public/
├── src/
│   ├── components/
│   ├── pages/
│   ├── App.js
│   ├── index.js
├── package.json
└── ...

For backend details and API documentation, see the master branch README.

Feel free to connect:

• [LinkedIn] (https://www.linkedin.com/in/vns-sai-pranavi-kolipaka-489601208/)
• [GitHub] (https://github.com/Pranavi2002)