web-contribution-DWOC/Team-Builder

Team Builder: an online team building platform for hackathons like events with chat interface. Discord: https://discord.com/invite/dZuF2TbB

Team-Builder

Find Your Better Team

Contents

• Submission or project name
  • Contents
  • Team Members
  • Short Description
  • Demo video
  • Long description

Team Members

1. Subhanshu Mohan Gupta
2. Vidhya Lakshmi
3. Naresh Chandanbatve

Short Description

Hackathons are a great way to meet new people, but we can choose our right teammates in a rush. No right? We too faced this problem while selecting the teammates. Thus Team Builder was born. A platform where members of hackathons have free will and options to choose from, they could even contact the original idea owner. It is better for both the idea owner and the participant as discussion always result in a better product.

Demo video

video-1

video-2

Long description

About

Team Builder was built based on the difficulties most of us come across during hackathons mostly, finding a team. So, It aims to eradicate this problem and bring up people who have such trouble and let them find their better team members in a simple way as a connecting platform.

Design

Team Builder is designed with a highly responsive layout using HTML, CSS,JavaScript. The layout is very simple and user-friendly. We plan on improving our design in the future to fit the needs.

Dashboard

One of the pages is the personal dashboard of a household using it.

Conclusion

So we the team behind Team Builder are budding developers with so much aspiration to bring about a change in the society. When we came across this competition, we up-skilled ourselves along the way to provide a professional outcome.

Tech Stacks used to build:

HTML, CSS, JavaScript, bootstrap, Firebase, node.js, express.js, cookie-parser

Installation

Docker

1) Pull the image

docker pull nareshchandanbatve/team_builder:1.0  

2) Run the image

docker run -d -p 4000:4000 nareshchandanbatve/team_builder:1.0  

Manually

1. fork and give star to this project ❤️.
2. Download node.js from https://nodejs.org/en/download/
3. Open vs-code/cmd/powershell and in the new terminal run

git clone https://github.com/MLH-LHD-Build-2022/Team-Builder

4. run
   

npm install

5. Create .env file in the root directory.
   

6. Create a web project in the firebase console and copy the firebase options.
   

7. Paste the options in .env file

Replace all the : with = and eleminate all the , and blank spaces as depicted in the code block below.

apiKey="apiKey from your firebase project"
authDomain="authDomain from your firebase project"
projectId="projectId from your firebase project"
storageBucket="storageBucket from your firebase project"
messagingSenderId="messagingSenderId from your firebase project"
appId="appId from your firebase project"
measurementId="measurementId from your firebase project"

8. run
   

node index.js

9. Open any browser and paste this http://localhost:4000/
   

Now you're good to go !!

Contributing

team-builder is an openSource project, feel free to make contributions to this project by opening issues, adding new features and fixing the bug. join the server of the project for further contributing help. https://discord.gg/Ty9kh3EN9q

Our Contributors