DiverseAI

Home Page
Sign In Page
Document Listings
Text Editor
Feedback
Recently Deleted

Inspiration 💭

It's application season for most of us, whether you're a grad or a pen-ultimate student looking for an internship. It can often be discouraging to just even apply, much less to a company that doesn't represent you. We made this web application for recruiters and interviewers to create job listing that promotes inclusivity and diversity.

What it does 🤓

We wanted to provide real-time feedback that measures an article's inclusivity, especially for underrepresented communities. Our application allows users to create multiple articles and stores them, allowing them to either create, update, edit or delete articles. The editor offers them the ability to "review" the article by running it through a machine learning algorithm that measures a score for said article and provides feedback on what the author can improve. Furthermore, the web application offers authentication, login and sign-up functionalities,

How we built it

Front end:

React
MaterialUI

Back End:

Node
Express

Others:

MongoDB
Figma

Challenges we ran into

Learning new technologies 💻 Half of our team wasn't familiar with web development. Picking up React on the fly was definitely part of the challenge. However, by pair programming together, we were able to learn from each other really quick
Conflicting Spaghetti Code 🍝 We coded it, we hated it, and we suffered from it. Working on a project like this in such a small window of time, we were forced to work on multiple pages simultaneously. Some require node packages, some used deprecated installations and some don't even work. We spent a lot of time trying to piece together the code
We didn't know we need to make a video Last minute, we didn't really know we need to make a video to present our product. So we rushed everything and tried our best.
One of our group members fainted... and we had to carry him to the hospital, he's alright though. all good 🥲

Accomplishments that we're proud of

Our stunning graphics in Figma (that was half translated well to the actual product)
Text editor and feedback generation by connecting with an AI API
Staying up till 7:30 AM in University to pull this off

What we learned

Focus on ideas that we're passionate about 🧠 When we were brainstorming, there was a lot of ideas that were thrown around. Some of them were great, and some of them were for memes. It took a lot of bouncing around ideas and discussions to even had a grasp on what direction we wanted to take and one that we all liked, Having a sense shared of goals and values made would have made it easier to discuss the paths we would take,
Use Boilerplates 🍽️ Most of the difficulties that our team faced (and one we could save) was setting up everything. We had a resident expert with MERN stack but it was both time-consuming and mentally draining to set everything up by herself. We should've gone with existing open source pre-built MERN boilerplates in order to hasten development and focus on features that will truly make our product stand out
Everything is a learning process

What's next for DiverseAI

Expanding on the features: We would like to expand on the existing features, for example, giving DiverseAI the ability to provide further analytics, scheduling job listing in job-sites (LinkedIn, seek, GradAustralia, you name it) and providing perhaps pre-made templates for our users.