TeamUp

• 

  Landing page

• 

  Profile

• 

  Find

• 

  Teams

Inspiration

The inspiration for TeamUp came from the challenges we observed during hackathons, where participants often struggled to find teammates with complementary skills. We wanted to create a solution that would streamline the team formation process, enabling hackers to easily connect with others who share similar goals, interests, and expertise.

What it does

TeamUp allows users to create a profile that contains basic information like skills, name, and email. After setting up, one can use the "find" section to search for participants with desired abilities, schools, and names, then one can either invite them to form a team. In addition, users can look up the "team" section to join a team they want.

How we built it

We built the project using Next.js and React for the front-end, combined with Tailwind CSS and shadcn/ui for efficient styling and user interface components. On the back-end, we utilized Prisma ORM along with Next.js to manage the application’s data and logic. For the database, we integrated MongoDB, ensuring scalable and flexible data storage to support the project’s functionality.

Challenges we ran into

Throughout the development of TeamUp, we encountered several challenges. One major hurdle was time management; with limited time during the hackathon, we had to prioritize key features and make tough decisions on what to include. Additionally, we faced challenges with integrating the back-end and front-end systems smoothly, particularly when dealing with real-time data and ensuring everything worked seamlessly.

Accomplishments that we're proud of

We’re proud of several key accomplishments in developing TeamUp. First, despite time constraints and technical challenges, we successfully built a functional platform that includes the main functions of streamlining team formation for hackathons. On the back-end, we're particularly proud of successfully implementing Prisma ORM for efficient data management and smooth communication with our MongoDB database. We’re also proud of the intuitive user interface we designed using Tailwind CSS and shadcn/ui, making the app both visually appealing and easy to navigate.

What we learned

Throughout the development of TeamUp, we learned valuable lessons in both technical and team collaboration. On the technical side, we gained a deeper understanding of full-stack development, especially in integrating Next.js with Prisma ORM and MongoDB for seamless data management. We also learned how to optimize front-end design with tools like Tailwind CSS and shadcn/ui to create a user-friendly interface. From a teamwork perspective, we discovered the importance of clear communication and adaptability, especially when facing time constraints and technical issues.

What's next for TeamUp

Looking ahead, our next steps for TeamUp involve completing all the core functionalities for team formation, ensuring that users can easily connect based on their skills and interests. We also plan to generalize the platform for use in various activities beyond hackathons, such as classroom projects, workshops, and community events. This expansion will involve enhancing the user interface and experience, allowing for tailored features that cater to different contexts and group dynamics. Additionally, we aim to incorporate feedback from users to refine our platform further, making it an even more effective tool for collaboration in diverse environments.

Built With

• magicloops
• mongodb
• next.js/react
• prisma-orm
• shadcn/ui
• tailwind-css
• typescript