Skip to content

Repository files navigation

Introduction

Did you ever play that game where you took it in turns to draw part of a picture. Each time you drew a part you folded the paper over and the next person only saw the end of your picture. At the end you laughed at your weird creation. Well...

Write a story with other people. Every story has five parts. You are randomly assigned a part from an unfinished story when you choose to write. To help you some of the end of the previous part is shown to you along with the title of the story. If you are writing the first part you get to decide the story title too. Once the last part is complete the story is published for everyone to see.

What is your story?

About the tech

A front-end using react router that calls the FastAPI backend at: https://github.com/richardgiddings/partofthestory_backend/

This is using client side routing so that it can be deployed as a static site on Render.

Screenshots

When you first visit the site

first visit

About page

About page

Logged Out - Home page

Logged Out - Home page

Logged In - Home page

Logged In - Home page

Logged In - My Stories

Logged In - My Stories

Logged In - Write a part of a story

Logged In - Write a part of a story

Installation

Install the dependencies:

npm install

Development

Start the development server with HMR:

npm run dev

Your application will be available at http://localhost:5173.

Building for Production

Create a production build:

npm run build

Environment variables

We need an environment variable (in an .env file or the like) VITE_APP_URL for the backend url, with port if required.

e.g. VITE_APP_URL=http://127.0.0.1:8000

To email support from the About page we need an environment variable VITE_APP_EMAIL with the email address.

About

Write stories with others. The React Router frontend for https://github.com/richardgiddings/partofthestory_backend.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages