Team Management Application

A full-stack web application for managing team members with features to add, view, and manage team member details.

Features

• Add new team members with profile pictures
• View all team members in a grid layout
• View detailed information about each team member
• Responsive design for all screen sizes

Tech Stack

• Frontend: React.js
• Backend: Node.js, Express.js
• Database: MongoDB
• File Storage: Local file system for images

Installation

1. Clone the repository:

git clone https://github.com/your-username/team-management.git
cd team-management

2. Install backend dependencies:

cd backend
npm install

3. Install frontend dependencies:

cd ../frontend
npm install

Running the Application

1. Start the backend server:

cd backend
npm start

The backend server will run on http://localhost:5002

2. Start the frontend development server:

cd frontend
npm start

The frontend will run on http://localhost:3002

API Endpoints

Members API

• GET /api/members

  • Retrieves all team members
  • Response: Array of member objects

• GET /api/members/:id

  • Retrieves a specific team member by ID
  • Response: Member object

• POST /api/members

  • Creates a new team member
  • Request body: Form data with name, role, email, and image
  • Response: Created member object

Project Structure

team-management/
├── backend/
│   ├── controllers/
│   ├── models/
│   ├── routes/
│   ├── uploads/
│   ├── server.js
│   └── package.json
├── frontend/
│   ├── public/
│   ├── src/
│   │   ├── components/
│   │   ├── pages/
│   │   ├── App.js
│   │   └── index.js
│   └── package.json
├── .gitignore
└── README.md

Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.