CoolFace
Apppublic

RentCalc-validation/RentCalc.com

sourceHugging Faceupdated 8mo agoView on Hugging Face
1likes
App README

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:

sql
create table responses (
  id bigint primary key generated always as identity,
  created_at timestamptz default now(),
  poll_data jsonb
);

2. Hugging Face Setup

  1. 1.Create a Docker Space on HF.
  2. 2.In Settings > Variables and secrets, add:
  3. 3.SUPABASE_URL
  4. 4.SUPABASE_KEY
  5. 5.EMAIL_USER: (Your student email)
  6. 6.EMAIL_PASS: (Your App Password)

3. GitHub Sync Setup

  1. 1.In HF Settings > Access Tokens, create a HF_TOKEN (Write).
  2. 2.In GitHub Settings > Secrets > Actions, add HF_TOKEN.
  3. 3.Pushing to GitHub main will now auto-deploy to Hugging Face!