- Install Wasp by running
curl -sSL https://get.wasp-lang.dev/installer.sh | shin your terminal. - Create a
.env.serverfile in the root of the project - Copy the
env.examplefile contents to.env.serverand fill in your API keys - Run
wasp db migrate-dev - Run
wasp start - Go to
localhost:3000in your browser (your NodeJS server will be running on port3001)
coverlettergpt.xyz was built in a couple of days using a few really cool tools:
- 🐝 Wasp - allows you to build full-stack apps with 10x less boilerplate
- 🎨 Chakra-ui - UI components for React that look good and are easy to work with
- 🤖 OpenAI - GPT-3.5 turbo API
- 💸 Stripe - for tip payments
Wasp as the full-stack framework allows you to describe your app’s core features in the main.wasp config file in the root directory. Then it builds and glues these features into a React-Express-Prisma app for you so that you can focus on writing the client and server-side logic instead of configuring. For example, I did not have to use any third-party libraries for Google Authentication. I just wrote a couple lines of code in the config file stating that I want to use Google Auth, and Wasp configures it for me. Check out the main.wasp file for more.
Also, Chakra-ui is great for building nice looking UI’s really quickly and easily. Some people are turned off by the fact that they’re React components, but I find that they’re easy to customize and configure, and get me started on designs 10x faster and with less code than tailwind.
For more info on the prompts and configuration I used for the OpenAI API, check out the src/server/actions.ts file.
Stripe makes the Buy Me a Coffee functionality super easy. I just used there Payment Link feature and configured it as a donate button
If you have any other questions, feel free to reach out to me on twitter