https://github.com/xyflow/react-flow-slide-show

https://github.com/xyflow/react-flow-slide-show

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/xyflow/react-flow-slide-show
• Owner: xyflow
• Created: 2024-07-05T15:20:07.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-07-22T13:49:39.000Z (11 months ago)
• Last Synced: 2024-11-12T03:24:59.078Z (8 months ago)
• Language: TypeScript
• Size: 566 KB
• Stars: 5
• Watchers: 3
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Flow Slide Show

This repo contains a small slide show presentation built with React Flow. Go check

out the [tutorial](https://reactflow.dev/learn/tutorials/presentations-with-react-flow)

if you want to build your own from scratch!

![A screencapture of someone clicking arrow keys on a series of slides, which lets them navigate up, down, left, and right between them](slideshow.gif)

### Features of the presentation include:

- Write slides in markdown.

- Navigate between slides with arrow keys.

- Automatically lay out slides in a grid.

### The tutorial covers React Flow topics including:

- Setting up a React Flow project from scratch

- Writing your own layouting algorithm

- Using events on the `` component to add global interactivity.

## Development

This app was built using [Vite](https://vitejs.dev/) for development.

### Installation

Before you start, you need to install the dependencies:

```sh

npm install

```

### Spin up a dev server

```sh

npm run dev

```

### Build

```sh

npm run build

```