uCard | Devpost

Front end demo

Inspiration

After our university's career fair, we noticed several things that business cards don't work. Namely, there is too much paper being wasted, too difficult to make, and it is a hassle to carry around.

What it does

We created an app that's designed to allow people to share their business contact information in a simple convenient way.

How we built it

We designed this application by using MongoDB, ExpressJS, ReactJS, and NodeJS. Specifically, we used both NodeJS and ExpressJS for the backend to set up a server, MongoDB for the database, and ReactJS for the frontend work.

Challenges we ran into

The database is accessible through the inspector window command line, but we ran into errors that we were unable to resolve when attempting to print to the webpage.

Accomplishments that we're proud of

We created a proof of concept for this project, including a database of business cards and a separate UI for storing cards. We created the functionality of a database to store business cards and the ability to enter your information to create your own card. This created card gets stored in the database, holding information for a user's name, email, job title, company, and phone number.

What we learned

We learned how to build an API from scratch, using React to design different components, proper ways of organizing code, and connecting a database with the backend and front end.

What's next for uCard

The end goal of this project would be to create a mobile application to allow phones to share business card information with each other. A person's list of received business cards would be printed on the homepage, as well as the ability to create and edit their own card. This would also contain buttons to send and receive cards. The scope of the project and unfamiliarity with app development provided obstacles to following through with this idea.