OmitPlastic

omitplastic.com

7 technologies

OmitPlastic - image 1

This is a full-stack e-commerce affiliate app focusing on reducing plastic consumption that uses Next.js and Neon.

Highlights

  • Connected the application to a Postgres database of product data using Drizzle ORM (Object Relational Mapper).
  • Hosted the product data in the cloud using Neon.
  • Users can create an account to favorite products using Neon Auth.
  • Product data is synced with Amazon product data via a protected endpoint that calls the Bright Data API via cron jobs.
  • Utilized Tailwind CSS, a utility-first CSS framework, to efficiently style the UI of the app.
  • Leveraged Next.js as the React library and for API routes for server-side API routes as the backend.
  • Deployed the app to Vercel from a GitHub repo.

Technology

  • Drizzle ORM - next gen TypeScript ORM
  • Neon - Serverless Postgres database and auth
  • Next.js - React framework for production
  • React.js - user interface library
  • Tailwind CSS - CSS framework
  • TypeScript - strongly typed programming language
  • Vercel - platform for deploying and hosting

Building for the web, with AI

Content, UX, and platform decisions that make websites and products work, and what AI is changing about building them. One email/month. Unsubscribe anytime.