Portfolio Cafe

Inspiration

a

What it does

Users can make an account and sign in. Once logged in, they can edit their portfolio in the editor page, adding a name, a greeting, a title, a description, and a profile picture. A portfoilio will be generated using this information and it will then be visible for everyone to see at the url /portfolio/:name, ready to be shared.

How we built it

We used the Wasp framework, which combines a React frontend, Node.js backend, and Prisma database. We added Tailwind for styling, and used components from Aceternity UI. We collaborated using VSCode live share.

Challenges we ran into

Since the Wasp framework can only be run on Linux OS, most of us weren't able to run it locally on our Windows devices. We tried using the Windows Subsystem for Linux (WSL), but we ran into too many errors during installation. We ended up turning to VSCode Live share, which let Surya share his instance with the rest of us. However, there where still many problems with this: it was often slow and laggy, the files would sometimes desync or not save, etc.

Accomplishments that we're proud of

What we learned

What's next for Portfolio Cafe

Built With

• express.js
• prisma
• react
• wasp-lang