https://github.com/mohammad-al-refai/flip-book

Drawing frame by frame to make animations and convert them to gif file
https://github.com/mohammad-al-refai/flip-book

golang reactjs styled-components typescript webassembly

Last synced: about 15 hours ago
JSON representation

Drawing frame by frame to make animations and convert them to gif file

• Host: GitHub
• URL: https://github.com/mohammad-al-refai/flip-book
• Owner: Mohammad-Al-Refai
• Created: 2023-10-21T18:16:04.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-05-18T10:07:58.000Z (8 months ago)
• Last Synced: 2024-11-15T21:30:15.627Z (2 months ago)
• Topics: golang, reactjs, styled-components, typescript, webassembly
• Language: TypeScript
• Homepage: https://flip-book.onrender.com
• Size: 1.14 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Flip book



## Using

- React js v18.2.0

- Typescript v5.4.3

- Golang v1.21.4

- Node js v21.7.2

- WebAssembly

## Screenshot

![image](https://github.com/Mohammad-Al-Refai/flip-book/assets/55941955/8fe0f559-b9eb-47c6-be8f-a3817598e189)

## Compile Go to wasm

### Go to wasm-go folder

```bash

cd wasm-go

```

### Run this command for building the wasm

```bash

GOOS=js GOARCH=wasm go build -o main.wasm main.go

```

### Move main.wasm to public folder in frontend folder

```bash

mv "main.wasm" ../frontend/public

```

## Build frontend

### Go to frontend folder

```bash

cd frontend

```

### Install dependencies

```bash

yarn install

```

### Build

```bash

yarn build

```

## Run

```bash

yarn dev

```

### Preview the build

```bash

yarn preview

```