This project was bootstrapped with Create React App.
yarn
yarn start
- 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.
yarn test
yarn start:test # if you have not already done so
yarn cypress:open
An interactive window will appear. Click on the test you want to run.
test test
Github Pages is a static site hosting service that takes HTML, CSS and Javascript files from a repository on Github and publishes a website. Before we start, we have to fork the repository so that we can host the application on our site. After forking, click on the Actions tab and enable workflows to run on the forked repositroy
The URL to your Github page should be: https://<your-github-username>.github.io/ui-todo
Manual Deployment
No configuration is required. Run the following and see your changes go live on your Github page
npm run deploy
Automatic Deployment
Step 1: Create a new personal access code to allow Github actions to deploy on our behalf
- Go to personal profile setting and on the left navbar, click on Developer settings
- Again on the left navbar, click on Personal access tokens
- On the top, click on Generate new token
- Under Note, fill it up with the purpose of the token (e.g. 'deploy-access') and under Select scopes, tick the checkbox public_repo and finally click Generate token
- Save the access token somewhere
Step 2: Add access token to project’s environment variables
- Go to project setting and on the left navbar, click on Secrets
- On the top, click on New secret
- Under Name, enter ‘DEPLOY_ACCESS_TOKEN’ and under Value, key in the access token you have saved earlier
Step 3: You are done! 🎉 You can now commit and see your changes applied on your Github page