https://github.com/prashanthbadri112/profileadmin
A FullStack web application that enables users to perform CRUD (Create, Read, Update, Delete) operations on users.
https://github.com/prashanthbadri112/profileadmin
expressjs middleware mongodb mongoose nodejs npm react-router reactjs yup-validation
Last synced: 2 months ago
JSON representation
A FullStack web application that enables users to perform CRUD (Create, Read, Update, Delete) operations on users.
- Host: GitHub
- URL: https://github.com/prashanthbadri112/profileadmin
- Owner: Prashanthbadri112
- Created: 2024-12-29T14:50:47.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-29T15:04:19.000Z (over 1 year ago)
- Last Synced: 2025-06-04T09:47:38.901Z (about 1 year ago)
- Topics: expressjs, middleware, mongodb, mongoose, nodejs, npm, react-router, reactjs, yup-validation
- Language: JavaScript
- Homepage:
- Size: 210 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# FullStack User Management Application
## Description
This is a FullStack web application designed to manage users, providing functionalities for creating, reading, updating, and deleting (CRUD) user data. The application combines a modern, responsive frontend with a robust backend and a MongoDB database for seamless data storage and retrieval.
---
## Features
- **User Management**: Perform CRUD operations on user data.
- **FullStack Implementation**: Built with a modern tech stack for frontend and backend.
- **Database Integration**: Utilizes MongoDB for efficient and scalable data storage.
- **Responsive Design**: Ensures optimal user experience across devices.
- **Error Handling**: Comprehensive error management for smooth operation.
---
## Technologies Used
### Frontend
- React.js
- React Bootstrap
- Axios
### Backend
- Node.js
- Express.js
- Mongoose
### Database
- MongoDB
---
## Installation and Setup
1. **Clone the Repository**:
```bash
git clone https://github.com/Prashanthbadri112/ProfileAdmin.git
cd ProfileAdmin
```
2. **Setup Frontend**:
```bash
cd FrontEnd
npm install
npm start
```
3. **Setup Backend**:
```bash
cd BackEnd
npm install
npm start
```
4. **Configure Environment Variables**:
- Create a `.env` file in the `BackEnd` directory.
- Add the following variables:
```env
MONGODB_URL=your-mongodb-connection-string
PORT=your-server-port
```
---
## Usage
1. Launch the application by starting both the frontend and backend servers.
2. Open the application in your browser at `http://localhost:3000` (or the configured frontend port).
3. Use the intuitive interface to manage users.
---
## Project Structure
```plaintext
Userly/
|-- FrontEnd/
| |-- public/
| |-- src/
|-- BackEnd/
| |-- models/
| |-- routes/
| |-- controllers/
|-- README.md
```
---
---
## Contact
For any inquiries or suggestions, feel free to reach out via [GitHub Issues](https://github.com/username/Userly/issues).