todo.txt

# TODO

x(A) fix initial click on Generate button doesn't work!
(A) fix Hero section if the view height is smaller. The scroll button shouldn't show on top of the following section
x(B) add counter "126,657 CL generated so far"
x(B) fix loader spinner position for the Button component
(A) Scrape websites that require login like <https://www.linkedin.com/jobs/search/?currentJobId=4074068612>, <https://x.com/jobs/1835778694482477056>
(B) Set up rate limiting with Vercel KV (see <https://github.com/vercel/ai/tree/main/examples/next-openai-rate-limits>)
  - For the chat API route
  - For the scraping API route
(A) implement more sophisticated methods to block websites
  - Malicious URLs and Security Risks
  - Resource-Heavy Sites (max content size)
  - Prevent Common Abuse Patterns
  - Log Scrape malicious attempt. Send logs to Posthog (<https://github.com/PostHog/posthog-js-lite/blob/main/examples/example-cloudflare/src/index.ts>) or logflare.app
(C) Add Tally Popup form to sign up for the newsletter (`wLEP4G`) <https://tally.so/forms/wLEP4G/share>

## Initial setup

x(A) Setup header
x(A) Setup landing page
x(A) fix dark mode
x(A) disable the Generate button while it's already generating
x(A) improve system message
x(A) do no send the chat messages. only one
x(B) Generate a simple logo and favicon
(B) Add privacy policy
(B) connect to Ollama
x(A) Setup persistance layer (Vercel KV?)
(A) Add PostHog analytics with A/b testing
(C) Setup auth with anonymous user. Session cookie e.g. <https://github.com/jadiaheno/vention-machine-cloud-test/blob/main/src/server/auth.ts> <https://github.com/nextauthjs/next-auth/discussions/11319> <https://github.com/lightenna/nextjs-app-auth-anon-logins-example/blob/main/src/app/api/auth/%5B...nextauth%5D/route.ts>

## Features

(A) add examples to initial cover letter for these job titles
  - Frontend Engineer (React)
  - Backend Engineer (Java)
  - Full Stack Engineer (React, Node.js)
  - Data Engineer (Python, SQL)
  - UI/UX Designer (Figma)
  - Project Manager (Agile)
x(A) set up a function to scrape/crawler job description from the URL
  - cache the scraped page if 200 OK
  - add black list of websites to block
x(C) add shadcn/ui to the project with tailwindcss
(D) add Social image preview in site and GH repo <https://github.com/gianpaj/coverletter.work/settings>
(D) animate text and button in the landing page like <https://orbstack.dev>

## Advance mode

(A) store Cover Letters in DB (drizzle, postgres)
(B) vote up or down the generated cover letter <https://github.com/vercel/ai-chatbot/blob/871c3060042933cc6f7aaea75e799aa899036026/app/(chat)/api/vote/route.ts>


## Research

- Add "Advanced" mode to the cover letter <https://github.com/langchain-ai/open-canvas>
  - <https://github.com/open-webui/open-webui>
- Check <https://github.com/mendableai/firecrawl>
- Check <https://github.com/apify/crawlee> and compare
- Check <https://github.com/boilerthing/boilerthing> (Next.js 14 Boilerplate with (App Router), Next-auth (v5), Next-intl (translated routes), Prisma ORM, Resend, Tailwind CSS, and Shadcn/UI & Radix UI)
- Check <https://github.com/leerob/next-saas-starter> (Postgres, Drizzle, Stripe, shadcn/ui,
x(D) add radix ui to the project (e.g. https://vercel.com/templates/radix-ui)


## Awesome UX/UI

- Landing page <https://typefully.com>