SquadLink

This full-stack web application is designed to allow users to view, interact, and manage a list of users. The application provides features such as user display with pagination, searching by name, applying filters, creating teams, and responsive design. The project utilizes a tech stack comprising React.js, Redux, Node.js, Express.js, MongoDB, and Mongoose.

Features

1. Stylish User Display: Explore users showcased in captivating card formats, offering a visually pleasing browsing experience with smooth pagination.

2. Effortless Name Search: Easily find individuals by simply typing their names. The application dynamically updates the displayed user list to match your search.

3. Smart Filters: Enhance your user exploration with three smart filters—Domain, Gender, and Availability. Instantly refine the user list based on your preferred criteria.

4. Team Building Magic: Create teams effortlessly by selecting unique individuals from the list. The system ensures a seamless selection process, similar to adding items to a cart in your favorite e-commerce websites.

5. Team Showcase: Once your dream team is crafted, dive into detailed information about your selected team members. Enjoy a comprehensive view of your assembled talent.

6. Responsive Design: The application is thoughtfully designed to provide a seamless experience across various devices and screen sizes.

Demo

Explore the Live Demo to see SquadLink in action.

Test Credentials:

• Email: test@test.com
• Password: password

Getting Started

1. Clone the repository.
2. Install npm Packages
3. Run the Project

Powered by

• React.js: Crafting an engaging user interface and seamless state management.
• Node.js and Express.js: Powering the server-side development.
• MongoDB and Mongoose: The trusted combination for storing and modeling user and team data.

Contributing

1. Fork the repository.
2. Make your contributions.
3. Create a pull request.

Screenshots