Inspiration

We were inspired by our experiences with networking and connecting with people through out the last years. As we start looking for jobs opportunities, we know how important making connections is. We wanted to make this somewhat easier by facilitating a customizable template for professional information that is also easily accessible.

What it does

Our website makes it easy for users to customize electronic business cards. The users have to login before getting to start on their journey to design their business card. They can select from different templates and choose different colors for the background, the borders and the text. Once they complete the customization process, they get their own link to their business card. This allows for easy sharing of their professional information including a link the their LinkedIn.

How we built it

We build our frontend using react. The backend is a python flask server that links to the reacts frontend flow and we used MongoDB atlas for the database to store the users account information and preferences. The connection between flask and react is done by having a route to the index.html file that results from building the react application and making calls to the respective routes from the react pages. Then in the routes we call out database functions to manipulate and store the data.

Challenges we ran into

We ran into some challenges when trying to connect the flask server to the react application. We had to try different ways to connect it and start the server. The solution was to start the application with a flask blueprint which contains all the routes. This was then linked to flask application and run using gevent. Another challenge we ran into was setting up each users URL.

Accomplishments that we're proud of

We are proud of our UI design. We are also proud of overcoming most of the challenges we ran into and being able to troubleshoot throughout the night.

What we learned

We learned how to connect a flask server with a react.js application in an effective way.

What's next for EBC.io

One next step for EBC.io would be to get QR codes for each users electronic business card which will make sharing their professional information even more accessible.

Share this project:

Updates