PenCraft: React frontend, Cloudflare Workers backend. Features Prisma for DB, JWT for auth, and Tailwind CSS with Aceternity UI components for styling. Simplifying blogging with efficiency.
- star 数
- 31
- watcher 数
- 1
- fork 数
- 46
- issue 数
- 53
- 最終更新
- 2024/11/13
PenCraft: React frontend, Cloudflare Workers backend. Features Prisma for DB, JWT for auth, and Tailwind CSS with Aceternity UI components for styling. Simplifying blogging with efficiency.
This project aims to create a blogging platform using modern technologies for both frontend and backend. It utilizes a robust stack including React for the frontend, Cloudflare Workers for the backend, and a combination of other tools for validation, ORM, database, and authentication.
Frontend:
React: A popular JavaScript library for building user interfaces.
Zod: A TypeScript-first schema declaration and validation library.
TypeScript: A statically typed superset of JavaScript that compiles to plain JavaScript.
Styling:
Tailwind CSS: A utility-first CSS framework that provides low-level utility classes to build custom designs.
Aceternity UI: A collection of reusable UI components built with Tailwind CSS, designed for rapid development and consistent styling.
Backend:
frontend directory.npm install to install dependencies.npm start to start the development server.http://localhost:3000.backend directory.npm install to install dependencies.prisma/schema.prisma.npx prisma migrate dev to apply migrations and generate Prisma client.npm run dev to start the backend server.http://localhost:8080.For authentication, this project utilizes JSON Web Tokens (JWT) along with a cookies-based approach.
Users can bookmark their favorite posts for quick access.
Users can search for posts based on keywords or tags.
Users can delete bookmarks with a confirmation model to prevent accidental deletion.
Working on to supports image uploads, allowing users to enhance their blog posts with images. (Will add it after I get my credit card)
Added jodit editor .