This is a simple Laravel note-taking application. I'm using a single page instead of redirect to other pages so that users can get the minimal and easy view for create, edit, and delete notes. I also have used modal from bootstrap 5 for the create & edit form. This application is a basic example of Laravel's CRUD (Create, Read, Update, Delete).
- View Notes: See a list of all notes created.
- Create a Note: Add a new note with a title and content.
- Edit Notes: Update the name and description of existing notes.
- Delete Notes: Remove notes that are no longer needed.
- Clone the repository:
git clone https://github.com/badz20/SimpleNoteApp.git cd SimpleNoteApp - Install dependencies using Composer:
composer install - Install dependencies using node:
npm install - Set up the
.envfile:cp .env.example .env php artisan key:generate - Configure your database in the
.envfile. - Run the migrations to create the database tables:
php artisan migrate - Serve the application:
npm run dev - Serve the application:
php artisan serve
Visit http://localhost:8000 to start using the app.
- Home Page: Lists all of notes.
- Add New Note: Click on "Add notes" to create a note.
- Edit Note: Click on pencil icon to edit.
- Delete Note: Click on bin icon to remove directly from the list
- Laravel: PHP framework for web applications.
- Blade: Laravel’s templating engine.
- MySQL: Database for storing notes.