Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/helios2003/fuego

Blogging website made using Hono, React and PostgreSQL. Deployed on a serverless service using Cloudflare Workers.
https://github.com/helios2003/fuego

cloudflare cloudflare-workers hono prisma

Last synced: 7 days ago
JSON representation

Blogging website made using Hono, React and PostgreSQL. Deployed on a serverless service using Cloudflare Workers.

Awesome Lists containing this project

README

        

# Fuego
Fuego (Spanish for 🔥) is a blogging website where users can publish their blogs and read other people's blogs. It is built using Hono as the serverless framework, PostgreSQL as database and React typescript as the frontend framework, Recoil for state management and Tailwind CSS for styling components.

## Setting up the Repository
- Create a fork of the repository or clone the repository using the command:
```
git clone https://github.com/helios2003/Fuego.git
```
### Backend
- Change the directory into ``backend`` and run ``npm install``.
- Obtain a PostgreSQL database and enable connection pooling in it.
- Rename ``.env.example`` to ``.env`` and ``wrangler-example.toml`` to ``wrangler.toml`` and fill the environment variables.
- In ``.env`` add the original database URL and in the ``wrangler.toml`` add the pooled database URL.
- Run the command to generate the database schema.
```
npx prisma migrate dev --name
```
- Run the command to generate the prisma client.
```
npx prisma generate --no-engine
```
- Run ``npm run dev`` to start the backend.
- Or you can run ``npm run deploy`` after logging into Cloudflare using the command ``npx wrangler login``.

### Frontend
- Change the directory into ``frontend`` and run ``npm install``.
- Run ``npm run dev`` to start the frontend.

## Deployment
- Login to the deployment using the following crendentials:

Username: [email protected]

Password: 111111.

## Features to be Added
- Adding images and videos to the blogs.
- Adding tags to the blogs.
- Following other users.
- Upvotes and downvotes for the blogs.

## References
- https://hono.dev
- https://www.prisma.io/docs
- https://recoiljs.org