/aircall-remix

Primary LanguageTypeScript

Aircall Submission by Kishan

Live Deploy URL

Features

  • List of all non-archived activities. Grouped by date.
  • List of all archived activities. Grouped by date.
  • Individual Activity Detail Page
  • Archieve all activities at once
  • Unarchieve all archived at once
  • Archieve/Unarchieve individual activity
  • Clean, Minimalistic UI
  • Server Rendered
  • TypeScript
  • Utilises Pre-Fetching for faster navigation
  • Route Level Error Boundary
  • Smooth View Transition
  • Notifications by react-hot-toast
  • Deployed on Cloudflare Edge
  • Responsive Design
  • Perfect 100 Lighthouse Score

Development

You will be utilizing Wrangler for local development to emulate the Cloudflare runtime. This is already wired up in your package.json as the dev script:

# start the remix dev server and wrangler
npm run dev

Open up http://127.0.0.1:8788 and you should be ready to go!

Deployment

Cloudflare Pages are currently only deployable through their Git provider integrations.

If you don't already have an account, then create a Cloudflare account here and after verifying your email address with Cloudflare, go to your dashboard and follow the Cloudflare Pages deployment guide.

Configure the "Build command" should be set to npm run build, and the "Build output directory" should be set to public.