Team

AshCatchEmAll

Full stack Developer

Project Description

Inspiration

Land acknowledgments are a crucial first step in honoring the original residents of a site, and are inspired by the 94 suggested calls to action contained in the Truth and Reconciliation Commission of Canada (now known as the National Centre for Truth and Reconciliation, or NCTR). They also assist Canadians in recognizing and respecting Indigenous peoples' innate kinship beliefs when it comes to the land, which has been limited for so long. WhereAmI will help spread awareness and provide a way to recognize the traditional First Nations, Métis, and/or Inuit territories of a place.

What it does

WhereAmI app is a full-stack production-level solution. It tells it what native land you are on, gives you a long list of native lands to explore on the map, and the ability to add information about a specific place on the map. The information is then uploaded to the database after validation and is showed to other users only on approval of a moderator or admin.

How I built it

This app is used Flutter (frontend), Node.js (server), and Firestore (Database). Google Maps API is used for rendering the maps and Native Land API helps with information about native land and territories.

I built the node.js server first and tested it using Postman. Then I set up a firebase account and added Firestore code to the node.js controllers and testing that against Postman. Finally, I built the front end and hit the various endpoints accordingly. After the stack was working I put most of the frontend code in Bloc structure and wrote some data classes for incoming data from the server.

Challenges I ran into

Integrating Google maps while making sure that the application doesn't lag was a challenge. Making the node.js server was also time-consuming so making it before the deadline with all the other things was challenging

I had to get all the names of territories on Native land API but there was no such list. So I had to download the territories JSON file which had all the data then wrote a small python code to extract just the name and slug and copy-pasted it in my code.

import json
data = {}
with open('./Territories.json') as f:
  data = json.load(f)
for i in data["features"]:
    try:

    	print('{"name":','"',i["properties"]["Name"],'"',',"slug":','"',i["properties"]["Slug"],'"',"}",sep="",end=",\n")
    except KeyError:
    	pass

Accomplishments that I'm proud of

I am proud of making the moderation feature work. It required a fair bit of thinking when it came to the stack to make the implementation of this flow easier. I am also proud of the Logo used for the application.

What I learned

I learned how to draw polygons on google maps dynamically and also move and zoom Google maps camera.

What's next for Where Am I

• Extend flutter app to run on Web and also as a PWA
• Email verify all users before they can submit any information for approval
• Add Firebase cloud messaging (Push notification) so that users get notified whenever their information is approved
• Add an award system so that users get an incentive for using the app
• Feature to post pdf of research papers, any interviews they did, or any images as information
• Use All markers as a community feature where others can comment on information submitted by a user and make a thread and so on

Team

raifzaman2021

deevee1515

gauthamv6002

Project Description

Where Am I? is a platform that allows users to check which native land that they are on. In addition to this, they can use any coordinates from around North America to perform the same function using an API call. Finally, they can simply type their location in using plain text, which will then be pinpointed by our program.

Features

You can use Where Am I? to:

• Check which native land you're on, and use the provided links to learn more about it
• Use your actual latitude and longitude coordinates (within North America) to find your location
• Search for any location using text, which will be pinpointed and displayed to you

How It's Built

To build this project, we used an API known as the Native Land API (found at https://native-land.ca/resources/api-docs/) to help us with the pinpointing part of the program; when a user runs the program, the API is called and then returns a map image with a layer on top showing the 'borders' of the land. To create the Latitude and Longitude pinpointing system, we still use the same API, but instead of detecting the latitude and longitude ourselves, we pass the entered values in. Finally, to create the search function, the API can take pieces of text that contain no capitals and no spaces and search for them in its files, so we took advantage of that to create this feature.

Challenges We Ran Into

Initially, we wanted to make a web application using Flask, Python, and Heroku, but we were having trouble getting started. Thus, we decided to switch over to HTML, CSS, and JavaScript. This made it much easier to call the API that we used, as well as to create the frontend design that represents our program.

Accomplishments We're Proud Of

The main accomplishment that we're proud of is the progress that we made on this project in 48 hours. We were able to synergize and work together effectively, which made most decision-making processes go by relatively quickly. We were able to focus our attention on writing code rather than the logistics of it all, which helped us complete the project as quickly as we did.

What we learned

We learned quite a bit during this hackathon, such as how to call APIs in JavaScript. Prior to this hackathon, we didn't have much experience with JavaScript, but we were able to pick up the skills required to complete the project quickly. We were also able to continue to hone our prior HTML and CSS skills by making our User Interface as user-friendly as possible.

What's next for Where Am I?

If we continue with this project, we hope to continue to fulfill the challenge at hand by creating a system that connects both users and site moderators, as well as furthering the User Interface by making it more user-friendly and intuitive.

Team

mustafa2016170412@cis.asu.edu.eg

programmer

Project Description

Inspiration Every day people are suffering from skin problem due to · bacteria trapped in skin pores and hair follicles. · fungus, parasites, or microorganisms living on the skin. · viruses. · a weakened immune system. · contact with allergens, irritants, or another person's infected skin. · genetic factors.

What it does It detect the skin disease by uploading a picture of the skin.

How we built it Using python ,CNN,computer vision we trained our CNN to detect 7 types of skin diseases and we got 91 % accuracy.

Challenges we ran into Raising the accuracy , and handling with the CNN model.

Accomplishments that we're proud of The accuracy we got and the number of disease it detect.

What we learned What's next for AI-Medical-Diagnosis Raise the accuracy , and increase the number of disease it detect and make it for android.

Built With cnn python tflearn tkinter

Team

mariam.d.2145

abisnhss

a-b

Project Description

Inspiration

We were inspired by Organising for change!

What it does

Canistory is a website which highlights the importance of indigenous history. It has a built in, interactive map of Canada and users are able to learn about different Indigenous territories through brief but insightful summaries.

How we built it

This project was built using HTML, CSS, JS, Python and Firebase as the database, for collecting information from the users.

Challenges we ran into

Collecting accurate data for the locations was difficult. We also found it difficult marking specific types of data with the exact locations.

Accomplishments that we're proud of

We are very proud that we were able to integrate the map with our data and frontend, as well as making an api for managing the data.

What we learned

Along the way, we learnt about Indigenous Canadian history as well as how to manage your time in order to create a project in a small amount of time.

What's next for Canistory

Adding more accurate data and a more interactive way of conveying the information!

Team

louiexshen

janeal

Project Description

Inspiration

In Canada, we noticed that far too many people are undereducated about the indigenous peoples despite living on their lands. This motivated us to try and make an app that was accessible in information to allow the general public to have a better understanding of the people who resided on this land before us. We aimed to make the app as informative as we could in an easy-to-digest fashion so that Canadian teachers and students could use the app to teach and learn.

What it does

This app allows for quick and easy access to information about the indigenous groups’ lands that you are currently on, as well as other locations. It uses a map as a tool to convey a relationship between space and the indigenous peoples’ cultures relative to them. There are multiple tabs; one for the home page where most of the information is located, another for the map itself where you can interact with it and explore different locations, and another tab dedicated to news articles, indigenous organizations to support, and events that are taking place.

How we built it

We used Figma as a prototyping tool to create the blueprint for an app that could later be coded and developed. We used assets from the community tab on Figma and browsed through models to draw inspiration for our own mobile app. We also did some research and watched videos about the Figma software to fully utilize our abilities.

Challenges we ran into

This was both of our first times really diving into Figma, one of us had a tiny bit of experience from a past hackathon, but never had a project look as detailed and have a working interactive prototype. Since both of us had little to no experience with the software, we both had trouble figuring out how frames and grouping worked, how to make scrolling or have the home page have a “TikTok” scroll lock effect, and overall developing a nice looking and effective app that we were both satisfied with in its appearance and effectiveness.

Accomplishments that we're proud of

We were able to prototype our first UI fully by ourselves, despite not being the most familiar with the software beforehand. We were able to animate the screens to even make the prototype interactive.

What we learned

We learned all of Figma as a whole, from creating components and learning how to prototype with them, to something as simple as drawing a shape onto our app’s screen; we fully learned Figma from scratch for this hackathon. Throughout our searches, we also learned a lot about indigenous culture and we were able to educate ourselves more along the way. Moving forward, we’re both looking forward to learning more about how to make better-looking and more user-friendly apps.

What's next for Where Am I?

We’re going to be learning about front-end and back-end code to a high enough degree so that this app will be able to come to life instead of living as a prototype in Figma. Where Am I? Is also looking to build a better sense of community all over Canada with better relationships between the general public and Indigenous communities through popularizing different events and charities that are highlighted in the app and educating more overall.

Team

joshsam0508

electedenvy

ayaz.shukla

Surya123234

Project Description

Features

Talk about some cool things your project does here. You can use a: Our website allows users to make their location available to us, in order for us to provide data and resources about the First Nations lands that they reside on. We have a Blog section available to registered users, where they can share more facts and stories related to a specific indigenous location, which is publicly available once approved by a moderator. We also provide a responsive map, that gives you a pop-up with a Wiki link of the First Nations region that you have clicked on.

How It's Built

The website uses vanilla HTML, CSS & JS for the front end. We implemented the JS geolocation API in order to get the user's coordinates and sent it to the backend using an AJAX query. An SQLite database is used to store our dataset of existing land names & coordinates. Using Python & Django, we calculated the closest indigenous lands to the user using some simple coordinate geometry arithmetic. With the help of the Wikipedia API, we then provide users with the name, summary as well as a wiki link for more info about the lands they live on. With the NativeLand API we were able to retrieve info from over 600+ Indigenous territories.

Team

madhuv-sharma

Rebecca-Chou

hydrohelium

hydroxyhelium

aayushituli

Project Description

Where-Am-I

Kurius SE Hackathon Project .

Where Am I By ABMP Environmentalists

Goal: Creating a game-based mobile application to motivate people to learn more about Indigenous Territory.

Where Am I FIGMA

Where Am I GitHub Repository

The Motivation Behind This Project

This fast-paced world of urbanization, where the Indigenous Territories are occupied by the public at an alarming rate, presents us with a challenge to identify their regions as well as spread awareness among the community to protect Indigenous Territory. Where Am I App allows the entire community, from the Indigenous to amateurs who want to have fun, to take part in the conservation process. We further gamify the experience to make it fun and thrilling. To earn points users can add location markers and additional information on an interactive map. Scores of top users will be displayed on a leaderboard.

How to Use The Application

Login Page

Located on the Login page are text fields to fill in your username and password. Alternatively, existing users who had signed-up using their Google, Facebook or LinkedIn accounts can simply login by clicking on one of the buttons. New users can click the sign-up button to navigate to the Sign-Up Page.

Sign Up Page

On the Sign Up Page, there are five text fields (i.e. Full Name, Username, Email Address, Password and Confirm Password), to obtain the user’s information and set their password up. Alternatively, a user can sign up with your Google, Facebook or LinkedIn account using the buttons underneath.

Dashboard

After logging in or signing up, the user is directed to the Application’s Dashboard Page containing a map displaying all Indigenous territories that have been moderated by our users. Each pointer on the map directs you to the Territory Info Page. On the top left of the Dashboard Page, you can click the trophy icon to access the LeaderBoard Page. Besides, on the top right of the Dashboard Page, there is a profile icon that can direct you to your profile. Furthermore, upon clicking the “Add New Pointer” button, you are able to add a new location & stories & go to a moderator.

Add-Info Page

After you select the picture of the Indigenous territory that you have found on the Gallery Page, you will be directed to the AddInfo Page. You should indicate what the name and location of the Indigenous territory are, as well as add stories, laws and histories of the land. As a result, the users are able to submit the information and go to a moderator for the territory.

Profile Page

On the Profile Page, you are able to see your personal information (i.e. FullName, Username, Email Address and Password). By default, the password is hidden; to view the password, the user can click on the eye-slash icon. The users can also view their total points, number of followers and the number of users whom they follow. Moreover, upon clicking the “note” icon beside the profile icon, you will be directed to the UserHistory Page.

UserHistory Page

On the page, you will find the users’ most recent 4 records of how they have earned their points.

LeaderBoard Page

On the page, you will find the top 5 users, having the highest number of points. Users are able to earn points by submitting a new location of Indigenous Territory, go to a moderator and share stories.

Law & History Page

On the page, the users will find the law and history of the Indigenous territory.

Story Page

On the page, the users can find various stories of the Indigenous territory.

AddStory Page

On the page, the users can add the images and stories they know about the Indigenous territory.

Challenges We Encountered

All of us are new to application designing and we faced a little, if not huge, challenge in doing so. Firstly, none of us had any experience in App Development and were not able to make our app realistic; therefore, we chose to use Figma to create our application prototype which can present our ideas in a delicate fashion. Along with Figma, we also used Flask. Furthermore, deciding rewards for users, which are not only worth earning for the users but also not expensive items considering they come under a Non-Profit Organization, was a really difficult task.

Our Proud Accomplishments

Our team is most proud that despite not having all the skills necessary to implement every aspect of our idea and an actual app, we still succeeded in creating a model app that is really easy to navigate and has interactive functions. We created an inclusive atmosphere on our app, which will encourage users to gain more knowledge of the Indigenous Territory. This probably inspires users to protect the Indigenous Territory and people there. We are proud to have integrated systems like rewarding and competing in a game fashion. Planning out the UX design of the app and the whole system of the game was an essential first step for this project as this will encourage users to find and learn the basic Indigenous land while enjoying the game.

What We've Learned

From this Hackathon, we surely gained immense knowledge. We have learnt a lot of new things around us, aka Indigenous Territory. Furthermore, it was a great opportunity to provide us with new coding experiences and UI design (e.g. Figma), which shall definitely help us in the future. Moreover, as a virtual team, we have learned how to collaborate remotely and communicate effectively.

Future Project Extensions

It is worthwhile to note that we have created just a medium-to-high fidelity prototype, as of now, but are looking forward to implementing our plans into the final fully functional application which would be available to download for free from Apple App Store and Google Play Store.

Our application shall be including alt-text on all pictures, completely screen reader-friendly and easily maneuverable by a keyboard. Apart from that, we will allow the user to personalize their colours and themes which fit the needs of every specific individual. People who are unable to read, or tend to learn more by listening more can simply hear the recorded version of each application page and follow along with the application’s content. Additionally, our app shall always be open to feedback from users, and we strive to constantly update and improve the accessibility/inclusivity of Where Am I.

Built with

• Figma
• Markdown

Sources

• Figma: To connect everyone in the design process so our team can deliver a better and faster application prototype.
• FontAwesome: To get vector icons and social logos on our prototype.
• Canva: To design our project logo.