-
-
doppleganger example
Inspiration
Doppelganger's vision started with finding a way to make Developers' portfolios more interactive. ChatGPT's a really cool technology, and integrating it within a website creates a whole new level of one-on-one connection. We sought to combine both worlds - the personal touch of who you are and the interesting facts about what you've done - and make the result as easily accessible as possible.
What it does
Anyone can add ones simple React Component to their portfolio website and fill out some information about themselves then voila - chatbot! That React component uses our backend services automatically and for free.
How we built it
Our chatbot system functions using two separate systems that talk to one another - the backend Flask/Docker server on DigitalOcean, and the frontend React application hosted with Netlify. The majority of the prompting and conversation logic is handled on the frontend, then that request is sent to the backend which communicates with OpenAI's API.
Challenges we ran into
CORS was a tricky issue, and we initially planned to have a user creation/account form on our homepage using MongoDB Atlas. The server/client interaction was very picky in relation to data types. We scrapped certain parts of the project midway through in order to focus on making what we could follow through on with as high of a quality as we could.
Accomplishments that we're proud of
Working together! This a first or second Hackathon for all of us, and we went incredibly smoothly from brainstorming to wireframing to getting things built! We overcame a lot of challenges and kept working diligently, all putting in a lot of effort to create this.
What we learned
We learned a lot about how to communicate effectively, whether it was through chat or through a zoom conference. We used Live Share to code simultaneously, and delegated certain sections to make sure that we were using our effort effectively.
What's next for Doppelganger - Web Dev Portfolio Chatbot
There are still so many features we'd like to add, including Topic Buttons to make the conversation more streamlined, and a UI with MongoDB or FireStore to help our product reach non-developers as well.
Log in or sign up for Devpost to join the conversation.