DEV Community

Cover image for Covtact: Autosuggest for contact diary [DO-Hackathon]

Posted on • Updated on

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. 💅✨


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!

Top comments (0)