NextGenBlog

This application allows you

• To register and login with the email account.
• Users can see blogs available in thier account.
• Users can add new post with title and content.
• Users can update & delete the post accordingly account.
• Users can logout from the website.

This is a complete High web-tools framework application built with TypeScript and Zod for input validation, JWT for authentication, and some more things on the top of the stack.

1. Users can register and login with the email account.

2. Users can see blogs available in thier account.

3. Users can add new post with title and content.

4. Users can update & delete the post accordingly account.

5. Users can logout from the website.

This is a completely CRUD application

Backend

• Hono
• Cloudflare workers
• Zod input validation
• JWT Auth

Database

• Postgres
• Prisma (ORM)

Frontend

• ReactJS
• Typescript
• Tailwind
• Axios

Other

• monorepo (npm package hosted)

Setup to this local

Clone the repository:

 git clone https://github.com/Saivaraprasad48/NextGenBlog.git

Manual Installation

Backend

1. Navigate to the backend directory:

   cd backend

2. Setup env (DB URL):

   .env

3. Install dependencies:

   npm install

4. Run the backend app:

   npm run dev

Frontend

1. Navigate to the frontend directory:

   cd frontend

2. Setup env (HOST with API's):

   config.ts

3. Install dependencies:

   npm install

4. Run the React app:

   npm run dev

5. Access the application:

   • frontend: http://localhost:3000
   • backend: http://127.0.0.1:8787

Then, here we go, Have a blasting posts 🔥

Thank you :)