
## Description

A proof of concept for a URL shortener developed with Cloudflare Workers, demonstrating the process of creating a fully functional URL shortening service using serverless architecture.

## Key Takeaways

* Building a URL shortener for free with [Cloudflare Worker] and [Workers KV].
* Proof of concept alternative to URL shorteners such as [TinyURL] and [Bitly].
* Hosted with [Cloudflare Workers].

  [Cloudflare Worker]: https://workers.cloudflare.com/
  [Workers KV]: https://developers.cloudflare.com/workers/learning/how-kv-works
  [TinyURL]: https://tinyurl.com/
  [Bitly]: https://bitly.com/
  [Cloudflare Workers]: https://workers.cloudflare.com/


A proof of concept for a URL shortener developed with Cloudflare Workers, demonstrating the process of creating a fully functional URL shortening service using serverless architecture.

Atomic URL


## Description

A knowledge base I started in 2016. It has since amassed to hundreds of articles, guides and documents that serve as a source of truth, second brain and a labor of love. The site was initially created to provide me with a better understanding of the projects I was working on at the time. It now serves as a container for all of my life projects.

## Key Takeaways

* Documentation is stored on [GitHub].
* Generated with [MkDocs Material Insiders].
* Hosted with [Cloudflare Pages].
* Site analytics by [Plausible].
* DNS by [Cloudflare].
* Media content hosted on [Backblaze] and served with [Cloudflare].
* Written in [Cursor].

  [GitHub]: https://github.com/davelevine/docs-public
  [MkDocs Material Insiders]: https://github.com/squidfunk/mkdocs-material
  [Cloudflare Pages]: https://pages.cloudflare.com
  [Cloudflare]: https://cloudflare.com
  [Backblaze]: https://www.backblaze.com
  [Cursor]: https://cursor.sh
  [Plausible]: https://plausible.io/levine.io


A knowledge base I started in 2016. It has since amassed to hundreds of articles, guides and documents that serve as a source of truth, second brain and a labor of love.

All Things Worthwhile


## Description

A progressive web app for browsing Hacker News, built with React. Makes use of a self-hosted API for fetching content. Focuses on small touches missing from similar projects.

## Key Takeaways

- Single Page Application (SPA)
  - Developed using React and react-router
  - Fetches content via [hackerweb] and [Algolia APIs]
- Progressive Web App (PWA)
  - Includes an [App manifest]
  - Employs a [Service worker]
  - Achieves a perfect 100/100 Lighthouse score
- Styled with [TailwindCSS 2.0]
  - Features a responsive, mobile-first design
  - Automatically adapts to light/dark themes based on device settings

  [hackerweb]: https://github.com/davelevine/node-hnapi
  [Algolia APIs]: https://www.algolia.com/doc/rest-api/search/
  [App manifest]: https://developer.mozilla.org/en-US/docs/Web/Manifest
  [Service worker]: https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API
  [TailwindCSS 2.0]: https://tailwindcss.com/


A progressive web app for browsing Hacker News, built with React. Makes use of a self-hosted API for fetching content. Focuses on small touches missing from similar projects.

Hacker News PWA


## Description

My personal portfolio developed with Next.js and React. Certs and Projects sections are written in markdown and rendered with react-markdown and react-syntax-highlighter.

## Key Takeaways

- Built with [Next.js] and [React]
- Static Site
- Posts and projects written in markdown
- Rendered using [react-markdown] and [react-syntax-highlighter]

  [Next.js]: https://nextjs.org/
  [React]: https://reactjs.org/
  [react-markdown]: https://github.com/remarkjs/react-markdown
  [react-syntax-highlighter]: https://github.com/react-syntax-highlighter/react-syntax-highlighter



My personal portfolio developed with Next.js and React. Certs and Projects sections are written in markdown and rendered with react-markdown and react-syntax-highlighter.

Portfolio


## Description

A sleek, terminal-inspired browser start page that offers extensive customization options for tech enthusiasts. It includes a built-in editor for seamless personalization.

## Key Takeaways

- Built with [Next.js] and [Tailwind CSS].
- Efficient link management and quick filtering.
- Custom commands for searches.
- Visual and UI customization options.
- Intuitive interface with autosuggest, autocomplete, and link cycling.
- Built-in editor for easy customization.

  [Next.js]: https://nextjs.org/
  [Tailwind CSS]: https://tailwindcss.com/


A sleek, terminal-inspired browser start page that offers extensive customization options for tech enthusiasts. It includes a built-in editor for seamless personalization.

PROJECTS

Sort By Tech

Atomic URL

All Things Worthwhile

Hacker News PWA

Portfolio

Start Page