Clarity

• 

  Employee Form

• 

  Employee Email VIA Brevo

• 

  Create Form

• 

  Dashboard

• 

  Form Stats

• 

  View All Forms

• 

  Create Account

• 

  Add new Employee

• 

  Login

Inspiration

As a group we were all aiming to make something as part of the synergy track. We see technology as primarily a way to bring people and ideas together and this track represents this. One area where synergy is needed where there is often discourse is the relationship between employees and employers. So, we decided to create an app that will help bridge the gap through understanding employees' opinions.

What it does

This web app allows employers to send forms to employees via email. When the employer creates a form it sends to all the employees they have listed in their company. The employee will fill out this quick form (it should take no more than 2 minutes). Then the employee can view data from specific forms and overall company trends in their employee dashboard.

How we built it

We built out frontend using React. We used the MUI library for general app components (icons, textboxes, etc.) and we used Recharts to display graphs. In the backend we used node.js with express to handle API calls and MySQL for our database. To send emails we used Brevo's email API. We deployed the backend using Heroku and deployed the frontend using Vercel.

Challenges we ran into

We initially ran into some trouble setting up React-router-dom but we were able to solve it with the help of Dubhacks staff. About 8 hours into the hackathon we also had to reevaluate what would be possible to do in our frontend with the limited time.

Accomplishments that we're proud of

We are very happy with the final polished product. We also used our time and planned well. We would work on either frontend or backend together at times and at other times split 2 and 2 on each stack. We are also proud of the way we ran quick tests on both backend and frontend code for seamless integration.

What we learned

Each of us learned more about the parts of the stack we were less familiar with. Some of us who were more experienced in backend learned about handy React libraries like MUI. And those of us who have more experience in the frontend got an introduction to MySQL. The main thing we learned however was about how communicating and using Git properly makes the development process much easier.

What's next for Clarity

While we were able to deploy our app right within 24 hours we are excited to keep working on it later. We can add data analytics in the employer dashboard, allow users to see their past forms, and more. Besides technical advancements we can also market our app and ask startups what they think of our idea.

Built With

• brevo
• express.js
• heroku
• javascript
• mysql
• node.js
• react
• sendinblue
• sql