DEV Community

Cover image for Covtact: Autosuggest for contact diary [DO-Hackathon]
C.B.W.
C.B.W.

Posted on • Edited on

1 1

Covtact: Autosuggest for contact diary [DO-Hackathon]

Covtact: Secure and simple contact logging

During the DigitalOcean Hackathon 👨‍💻 I want to build an app which allows you to log with whom you had contact. This is so you can inform people if need be and stop further COVID-19 spreading.

As mentioned in the last post there is already a working Proof of Concept, hosted on DigitalOcean’s App platform, available: Covtact.

To make the process of adding new contacts as seamless as possible, I added an autosuggest feature to the name input. That should make adding recurring contacts a little bit faster. 🚀

Since I‘m building Covtact with React I decided to use React-Autosuggest. That worked out quite well. I managed to integrate it with Styled-Components, which I‘m using to style the rest of the app. 💅✨

Feedback?

There’s still work to be done, especially regarding the UI and the copy, but it’s already useable. Try it out, log your contacts if you had any and help stop this pandemic. [Hint: It might become extra important during the holidays, please stay responsible in your actions]. 🙏

Tell me what you think about this project down in the comments, or let‘s connect on twitter!

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (0)

Heroku

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay