Skip to content

Latest commit

 

History

History
38 lines (27 loc) · 1.54 KB

README.md

File metadata and controls

38 lines (27 loc) · 1.54 KB
Raw

F1 Stories: PWA

PWA that allows users to write about their experiences at Formula One Races.

Features:

  • Create an acccount!
  • View and interact with other people's stories!
  • Scan race barcodes to add them to your profile!
  • Create your own stories!
  • and much more

Description

This PWA is compatible with both backends, the one used in the production environment is the Laravel one.

The app is available at https://f1stories.web.app/
and the url of the API is https://f1stories.herokuapp.com/api/

If you want to run the NodeJS backend, you will have to do the following steps:

  • Change the "apiurl" const in the data.js file, in my case it would be http://localhost:3001/api
  • Change "apiurl" and "backendurl" to the backend, in my case these values:
  • const apiurl = "http://localhost:3001/api";
    const backendurl = "http://localhost:3001/";
  • Log out of the app in settings
  • If you want the images to be visible, make sure that the backendurl variable is added to the src tags where posts are loaded in html src="${backendurl}${post.image1}" . This can be found at line 161 and other lines in the script.js file.

The barcode scanner will scan the code-128 barcode format, the accepted values are the racenames.
I used this generator. If you want to create another race code, grab a title value from this endpoint and generate the code.