J5kinner / 40ksheets-ReactJS-Firebase

This is a website I build so that my friends could convert their Battlescribe HTML files to more accessible and prettier versions to help with readability
https://anti-heresy-sheets.web.app/
3 stars 0 forks source link
css html javascript reactjs

The Purpose

The purpose of this project is to make Battlescribe 40k datasheets more readable. It removes the style tags in the HTML file generated by Battlescribe and replaces it with the style for the specific layout the user wants.

Then that file is downloadable and the user can print out there sheets or view them in a browser.

The site is fully responsive and fast to comply with Google lighthouse requirements.

Available Scripts

This application was built with React

In the project directory, you can run:

npm start

Runs the app in the development mode.\ Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.\ You will also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.\ See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.\ It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.\ Your app is ready to be deployed!

See the section about deployment for more information.

How to Update the app

Using npm-check-updates, do the following: npm i -g npm-check-updates ncu -u npm install

Deployment Steps

Deployment is handled by Google's Firebase and is hosted on https://anti-heresy-sheets.web.app/

npm run build

Builds the project for production

firebase deploy

Hosts the build files to firebase and your site is now live! 🎉