- Harendra Kumar Kanojiya
Here I am with an awesome todo app built using AngularJS, Bootstrap, PHP (Codeigniter 3 framework)and MySql Database to manage the tasks and keep tracking the status of the task.
HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop. click here for more details
CodeIgniter is a PHP MVC framework used for developing web applications rapidly. CodeIgniter provides out of the box libraries for connecting to the database and performing various operations like sending emails, uploading files, managing sessions, etc.
CodeIgniter lets you creatively focus on your project by minimizing the amount of code needed for a given task. Codeigniter Development is one of the best PHP framework in web Application Development. … As compared to the other frameworks, Codeigniter Development is fast, reliable, its time and speed is significant. Click here to read more
- Clone the project to your local server directories such as htdocs (if using xampp) or www (if using wamp) from GitHub by running the following command — “git clone https://github.com/harendra21/angularjs-todo-app”
- Change directory into angularjs-todo-app by the following command — “cd angularjs-todo-app”
- Import the database using the file ngTodo.sql located in the root directory of the project.
- Connect to your database by editing the file located in the /api/application/config/database.
- Run the application by “http://localhost/[angularjs-todo-app](https://github.com/harendra21/angularjs-todo-app)”
- If everything is correct then it will show the screen as above image.
- Now you can Create, Edit, Update and Delete the records,
- Contact if facing an issue — [email protected]
- Enjoy !
Watch video for demo
CREATE TABLE `task` ( `id` int(11) NOT NULL AUTO_INCREMENT, `title` varchar(255) DEFAULT NULL, `status` varchar(255) DEFAULT NULL, `description` text, `created_at` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP, `updated_at` timestamp NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP, PRIMARY KEY (`id`) );
Thanks you for reading !