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 # if you have not already done so
yarn cypress:open
An interactive window will appear. Click on the test you want to run.
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
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