![Screenshot 2023-12-04 at 4 58 35 PM](https://private-user-images.githubusercontent.com/72909842/287723459-664a3ada-7375-4188-baed-dc919fb7ec87.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQzMjg2MzUsIm5iZiI6MTcyNDMyODMzNSwicGF0aCI6Ii83MjkwOTg0Mi8yODc3MjM0NTktNjY0YTNhZGEtNzM3NS00MTg4LWJhZWQtZGM5MTlmYjdlYzg3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODIyVDEyMDUzNVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTVhMzc0YWFjNTZiNjg1MzFlMmJmMTY1NGY3ZTk1OGIyOTFlYmI1Zjc0ZmI0YmFlY2ZmOWQ4ZDBlNTM1NWY3ZTImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.aHJ4VdtDp4iuEveiJ7OjtqeV1Hb5Vx_WHIh85sp-wfA)
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.
-
Stylish User Display: Explore users showcased in captivating card formats, offering a visually pleasing browsing experience with smooth pagination.
-
Effortless Name Search: Easily find individuals by simply typing their names. The application dynamically updates the displayed user list to match your search.
-
Smart Filters: Enhance your user exploration with three smart filters—Domain, Gender, and Availability. Instantly refine the user list based on your preferred criteria.
-
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.
-
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.
-
Responsive Design: The application is thoughtfully designed to provide a seamless experience across various devices and screen sizes.
Explore the Live Demo to see SquadLink in action.
Test Credentials:
- Email: test@test.com
- Password: password
- Clone the repository.
- Install npm Packages
- Run the Project
- 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.
- Fork the repository.
- Make your contributions.
- Create a pull request.