RentCalc-validation/RentCalc.com
1
Calculator Rental Validation Site
A Neobrutalism-inspired landing page to validate the demand for a campus-based calculator rental platform.
Features
- Relatable Hero section for students.
- Problem scenarios (Why buying new calculators is wasteful).
- Mandatory Poll/Feedback form.
- Early interest/Waitlist.
- Transparency and trust section.
- Minimal Express backend to store responses in
responses.json.
Tech Stack
- Frontend: React (Vite), Tailwind CSS v4, Lucide React, Framer Motion.
- Backend: Node.js, Express.
- Design: Neobrutalism (Clean, bold, light theme).
Deployment to Hugging Face (Docker + Supabase)
1. Supabase Setup
Run this in your Supabase SQL Editor:
create table responses (
id bigint primary key generated always as identity,
created_at timestamptz default now(),
poll_data jsonb
);2. Hugging Face Setup
- Create a Docker Space on HF.
- In Settings > Variables and secrets, add:
SUPABASE_URLSUPABASE_KEYEMAIL_USER: (Your student email)EMAIL_PASS: (Your App Password)
3. GitHub Sync Setup
- In HF Settings > Access Tokens, create a
HF_TOKEN(Write). - In GitHub Settings > Secrets > Actions, add
HF_TOKEN. - Pushing to GitHub
mainwill now auto-deploy to Hugging Face!
