# Alpine.js Notes App
This project is a simple, yet powerful notes application built using Alpine.js and styled with Tailwind CSS. It demonstrates the CRUD (Create, Read, Update, Delete) functionality and the integration of single-page application features in a minimalistic and user-friendly interface.
## Overview
The Notes App is an exemplary project showcasing the use of Alpine.js, a minimalistic JavaScript framework, along with the utility-first CSS framework, Tailwind CSS. The app features a main area for creating and editing notes and a sidebar for listing all notes, offering a clean and responsive user experience.
## Features
- Create new notes
- Edit Notes
- Display a list of notes
- Delete notes
- Single-page application feel with Alpine.js
- Responsive design with Tailwind CSS
## Getting Started
### Prerequisites
- Basic knowledge of HTML, CSS, and JavaScript
- Familiarity with Alpine.js and Tailwind CSS is beneficial but not mandatory
### Installation
Clone the repository to your local machine:
```bash
git clone https://github.com/OMOJUNIOR/Alpinejs-Notes-App.git
cd alpinejs-notes-appSince this is a front-end only project, you can open the index.html file in your browser to see the app in action.
- Create a Note: Click on the 'New Note' button to create a new note.
- Edit a Note: Simply click on a note in the sidebar to load it into the editor where you can modify the title and body.
- Delete a Note: Click on the 'Delete Note' button to remove the currently selected note.