This app is splendid for practicing your React.js skills. You can create, search, edit, and delete tasks (CRUD operations) exploiting the browser's localStorage. Moreover, the app works for desktop and most mobile browsers.
This project is live at https://miguelangelbaquero.github.io/ToDoApp/
Clone the project
git clone https://github.com/MiguelAngelBaquero/ToDoApp.gitGo to the project directory
cd ToDoAppInstall dependencies
npm iStart the app
npm startClient: React.js (Javascript, HTML & CSS).
Server: N/A
App running on GitHub Pages and Create React App.
This project was bootstrapped with Create React App.
In the project directory, you can run:
Runs the app locally on your browser. The browser should start automatically. If the browser doesn't start, go to http://localhost:3000 on your browser.
The page will reload whenever you save any changes. You might notice some lint warnings on your console.
This script builds and gets the app ready for production deployment and optimizes the build for the best performance. Navigate to the build folder.
Visit deployment for more information.
Note: this is a one-way operation. Once you
eject, you can't go back!
If you aren't satisfied with the build tool and configuration choices, you can execute the script eject at any moment. This command will remove the single-build dependency from your project.
Instead, it will copy all the configuration files and the transitive dependencies (Webpack, Babel, ESLint, others) right into your project and granting control over them. All commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point, you're on your own.
You don't ever have to use the eject script. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However, we understand that this tool wouldn't come in handy if you couldn't customize it when you are ready for it.
Once the build is ready to deploy, use this script to push your changes into a new Git branch and host the app in GitHub Pages. Commit and push all your changes before executing the npm run build and deploy scripts.
Publish files to a gh-pages branch on GitHub (or any other branch).
npm install gh-pages --save-devNote: This module requires Git >= 1.9 and Node > 14.
Add these lines in your package.json file:
"homepage": "https://[yourGitHubUserName].github.io/ToDoApp",
"devDependencies": {
"gh-pages": "^6.0.0"
}Replace [yourGitHubUserName] with your current GitHub username.
Remove the brackets [ ] from the code. Otherwise, you'll encounter some issues while deploying the app.
Contributions are always welcome!
If you have any suggestions or issues about the app, please let me know.