Giter Club home page Giter Club logo

team-builder's Introduction

Team-Builder

Find Your Better Team

Contents

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

Watch the video

video-2

Watch the video

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. Download node.js from https://nodejs.org/en/download/
  2. Open vs-code/cmd/powershell and in the new terminal run
git clone https://github.com/MLH-LHD-Build-2022/Team-Builder
  1. run
npm install
  1. Create .env file in the root directory.

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

  3. 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"
  1. run
node index.js
  1. 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.

team-builder's People

Contributors

naresh-chandanbatve avatar subhanshumg avatar vid-27 avatar vishal10kesharwani avatar vednande avatar tusharkhatriofficial avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.