https://github.com/mmoehabb/followers-hub
A full-stack web application for streamers and content creators that they can use to generate their own dynamic full-fledged website.
https://github.com/mmoehabb/followers-hub
Last synced: 3 months ago
JSON representation
A full-stack web application for streamers and content creators that they can use to generate their own dynamic full-fledged website.
- Host: GitHub
- URL: https://github.com/mmoehabb/followers-hub
- Owner: mmoehabb
- License: mit
- Created: 2024-09-21T18:40:55.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-11-24T03:26:12.000Z (7 months ago)
- Last Synced: 2025-02-09T14:52:27.751Z (4 months ago)
- Language: Go
- Size: 2.68 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## Project Overview
An application for streamers and content creators that they can use to make their own dynamic full-fledged website with the following features:
- User Register and Login
- User Engagement (likes and comments)
- User bookmark list
Streamers can signup with their twitch account, and the application shall create automatically a twitch channel with streams section where streams get automatically pushed in.
Streamers can create different channels in their page, each of which can contain different sections. For example the auto-generated twitch channel contains only "streams" section, however custom sections like: "clips", "league of legends", "just chatting", etc, can be added manually.
Streamers may add custom channels manually as well like "Youtube", however they will fill it with content themselves. Also they may change the theme of the page, for each channel; when users click on the twitch channel the colors, of the page, change to purple, and when Youtube is clicked the colors change to red.
Sections are simply grid of publications (videos) that when clicked, a popup of the publication appears in which users can watch the (embedded) video, react to, and/or comment on it.
> Figma Prototype: [https://www.figma.com/design/...](https://www.figma.com/design/YbLZSnut1PZnFhx9y0t0z8/FollowUp?node-id=0-1&t=mEin5TBGmdwTm7Ny-1)
## Used Technologies
- [Golang](https://go.dev/)
- [Templ](https://templ.guide/)
- [Tailwind](https://tailwindcss.com/)
- [HTMX](https://htmx.org/)
- [Fiber](https://docs.gofiber.io/)
- [Postgres](https://github.com/jackc/pgx)
## Usage
Download the source code or just clone this repository and delete .git directory:
```shell
$ git clone https://github.com/mmoehabb/goweb-template
$ rm -rf .git
$ git init # optional
```
> Make sure you have installed [go](https://go.dev/doc/install) and [templ](https://templ.guide/quick-start/installation):
Install the dependencies with; execute the following command on the root directory:
```shell
$ go install
```
Then, write the following command to compile templ files and run the server afterwards:
```shell
$ templ generate --cmd "go run ."
```
If everything went right, you should be able to see the template live on [http://localhost:3000](http://localhost:3000)
You can also enable live reload with the command:
```shell
$ templ generate --watch --cmd "go run ."
```
However this will watch only templ files, you may wanna reload the server when go files are modified as well.
For this sake `.air.toml` file (as you may have noticed) is in the root directory; make sure to install [air](https://github.com/air-verse/air) then execute the previous command with `air` instead of `go run .`.
```shell
$ templ generate --watch --cmd "air"
```
### ./cmd (Only Linux)
You may use the `./cmd` file placed in the root directory, as a shorthand for the above-mentioned commands:
```shell
$ chmod +x ./cmd
$ ./cmd dev # executes: "templ generate --watch --cmd 'air'"
```