Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/hkaur008/geoclusion

Video - https://youtu.be/NyFHYNID7do
https://github.com/hkaur008/geoclusion

Last synced: about 6 hours ago
JSON representation

Video - https://youtu.be/NyFHYNID7do

Awesome Lists containing this project

README

        




Get to know your coworkers, while assessing your organization's inclusion culture

## ⚡️ Quick start

To get a local copy up and running follow these simple example steps.

### Prerequisites

* npm
```sh
npm install npm@latest -g
```

### Installation

1. Clone the repo
```sh
git clone https://github.com/hkaur008/MLH-hackathon-project.git
```
2. Create your [Google Client ID](https://developers.google.com/identity/gsi/web/guides/get-google-api-clientid)

3. Enter your Client ID in `frontend/src/Key.js`
```TS

export const Key = {
GoogleClientID:

"YOUR_CLIENT_ID",
};
```

## Inspiration
We drew our inspiration from our own personal experience at MLH! As part of an international program, we were paired with accomplished developers from around the world. Seeing the incredible diversity in our very own program, we wanted to create an opportunity for others to see how wide-spread the employees and members of their organizations are. GeoClusion celebrates the differences in our cultures, and delights in the similarities that bring us together.

## What it does
Geoclusion allows organizations to demonstrate their inclusion culture, while encouraging connections between like-minded members. Organizations sign up for a unique id, which they provide to their members to create personal profiles. Members can customize their profiles with their geographic data, food preferences and various hobbies. Other users can then connect with fellow organization members from across the globe using an interactive map. Users can find a new hiking buddy, or organize meetups with members in their area.

![image](https://user-images.githubusercontent.com/56452820/134598225-e940f8f4-f18a-4f2e-b67c-4a8df6b3c5ee.png)

### Built With

* [Typescript](https://www.typescriptlang.org/)
* [React](https://www.typescriptlang.org/docs/handbook/react.html)
* [C#](https://docs.microsoft.com/en-us/dotnet/csharp/)
* [MYSQL](https://dev.mysql.com/doc/)
* [Github actions](https://docs.github.com/en/actions)

## Challenges we ran into
* We faced some issues deploying the api to azure
* Timezone challenges led to minimal overlapping hours to have live discussions

## What we learned
- How to create a and deploy a WebAPI and setup a MYSQL database and host it from scratch
- Github and peer collaboration
* Using pull requests for code review and feedback from peers
* Using issues and project tabs to manage our project
- Substituting typescript for javascript in the frontend react webapp
- Collaborating with peers across timezones

## Try it out
[GeoClusion](https://geoclusion.herokuapp.com/)

## Demo Video
[Youtube](https://www.youtube.com/watch?v=NyFHYNID7do)

## Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.

1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request

## Contact

* Nandini - [email protected]
* Hargun - [email protected]
* La'Kaleigh Harris - [email protected]
* Ru Levin - [email protected]

## Design
![image](https://user-images.githubusercontent.com/56452820/134704215-2e38614e-0a49-4c22-b1d7-ee983359f416.png)
![image](https://user-images.githubusercontent.com/56452820/134704263-47f3e5de-91de-4b09-b26d-ca5e5e030347.png)
![image](https://user-images.githubusercontent.com/56452820/134704356-98df7f5e-2be5-48e7-9f42-0f8183353e82.png)
![image](https://user-images.githubusercontent.com/56452820/134704509-dcbe0946-1be7-480c-ab23-a9b52f3b51ae.png)
![image](https://user-images.githubusercontent.com/56452820/134704527-12b7cbbf-f89d-4d50-8335-359c28c81f08.png)
![image](https://user-images.githubusercontent.com/56452820/134704580-f5540387-631f-4cae-b074-b070a8e684cb.png)

Color Palet : [Earthy Colors inspired from earth](https://coolors.co/7871aa-122c34-f2fdff-6e9887-101935)