Skip to content

Opensource fullstack blogging app built using reactjs & serverless backend (cloudfare using honojs)

Notifications You must be signed in to change notification settings

jyo142/medium-app

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Application

(Medium-app)[https://medium-app-zeta.vercel.app]

App features

  • User Signup (Token Auth) ✅
  • User Signin (Token Auth) ✅
  • See all articles ✅
  • Create a new article ✅
  • Edit a article
  • Delete a article
  • See a specific article ✅
  • Search for article
  • Filter articles
  • Paginate articles

Stack

  • React in the frontend
  • Cloudflare workers in the backend
  • zod as the validation library, type inference for the frontend types
  • Typescript as the language
  • Prisma as the ORM, with connection pooling
  • Postgres as the database
  • jwt for authentication

Application structure

  • backend
  • common
  • frontend

How to setup locally

Backend

  • cd backend
  • Add Postgres DATABASE_URL in .env (You can get a postgres connection string for free from https://aiven.io/)
  • Add Prisma connection pool DATABASE_URL in wrangler.toml file (You can get the Prisma connection string for free from https://www.prisma.io/data-platform/accelerate)
  • Add JWT Secret JWT_SECRET in wrangler.toml file (This can be any value)
  • npm install
  • npm run dev

wrangler.toml is the environment configuration file for the serverless backend. .env is also used by Prisma for connection pooling. So, ensure you are configuring both env files.

Frontend

  • cd frontend
  • npm install
  • npm run dev

Technologies & Libraries

  • Serverless Backend using Cloudfare
  • Postgres DB using Aiven.io
  • Prisma as an ORM Prisma
  • Hono - Hono - [炎] means flame🔥 in Japanese - is a small, simple, and ultrafast web framework for the Edges. It works on any JavaScript runtime: Cloudflare Workers, Fastly Compute, Deno, Bun, Vercel, Netlify, AWS Lambda, Lambda@Edge, and Node.js.
  • Zod - TypeScript-first schema validation with static type inference

Deployments

  • More on this available in backend/commands.md and frontend/commands.md

About

Opensource fullstack blogging app built using reactjs & serverless backend (cloudfare using honojs)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 94.6%
  • JavaScript 2.3%
  • CSS 1.9%
  • HTML 1.2%