نوشته شده با JavaScript و ذخیرهسازی اطلاعات در Local Storage مرورگر
این برنامه یک نسخه دیگر نیز داشته که در آن ذخیرهسازی اطلاعات بر روی MySQL انجام میشود. برای مشاهده ریپازیتوری آن و همچنین مشاهده نمونه آنلاین، بر روی لینک روبرو کلیک نمایید: نسخه متصل به MySQL
نسخه اولیه و در حال توسعه
- اضافه کردن تسکها
- علامت زدن تسکهای انجام شده
- حذف تسکها
- جلوگیری از ثبت عنوان خالی برای تسکها
بعد از اطمینان از نصب نیازمندیها بر روی سیستم خود، مطابق راهنمای زیر برنامه رو نصب و روی سیستم خود اجرا نمایید.
- ابتدا از نصب npm بر روی سیستم خود اطمینان حاصل فرمایید. بدین منظور در یک ترمینال دستور زیر زیر را وارد نمایید.
npm -v
در صورتی که npm
رو بر روی سیستم خود نصب داشته باشید در ترمینال نسخه نصب شده را مشاهده مینمایید.
- بعد از دانلود سورسکد به صورت
git clone
یا zip، در یک ترمینال در مسیر پوشه اصلی پروژه دستورات زیر را به ترتیب وارد نمایید.
1- نصب پکیجهای مورد نیاز موجود در package.json
npm i
2- راهاندازی برنامه
npm run serve
در صورتی که تمامی مراحل به درستی طی شده باشد، پس از اجرای دستور فوق، در ترمینال متنی مشابه زیر خواهید دید:
> [email protected] serve
> webpack serve
<i> [webpack-dev-server] Project is running at:
<i> [webpack-dev-server] Loopback: http://localhost:8080/, http://[::1]:8080/
<i> [webpack-dev-server] Content not from webpack is served from 'C:\Users\{Your user}\{Project directory}\todo-js-localstorage\public' directory
<i> [webpack-dev-middleware] wait until bundle finished: /
asset main.js 314 KiB [emitted] (name: main)
runtime modules 27.3 KiB 12 modules
modules by path ./node_modules/ 211 KiB
modules by path ./node_modules/webpack-dev-server/client/ 73.3 KiB 16 modules
modules by path ./node_modules/webpack/hot/*.js 4.62 KiB 4 modules
modules by path ./node_modules/html-entities/lib/*.js 115 KiB
./node_modules/html-entities/lib/index.js 6.77 KiB [built] [code generated]
+ 3 modules
./node_modules/ansi-html-community/index.js 4.25 KiB [built] [code generated]
./node_modules/events/events.js 13.9 KiB [built] [code generated]
modules by path ./src/scripts/*.js 9.21 KiB
./src/scripts/createDOM.js 3.44 KiB [built] [code generated]
./src/scripts/fetchFromFile.js 2.13 KiB [built] [code generated]
./src/scripts/insertToFile.js 2.64 KiB [built] [code generated]
./src/scripts/main.js 1 KiB [built] [code generated]
webpack 5.80.0 compiled successfully in 1055 ms
در این هنگام مرورگر باز شده و برنامه اجرا میشود.
در صورتی که مرورگر به طور خودکار باز نشد، به صورت دستی آدرس localhost:8080
را در مرورگر خود وارد نمایید.