📝 Notes App – Frontend (HTML, CSS, JS)

A simple and clean Notes App Frontend built using HTML, CSS, and Vanilla JavaScript. This frontend connects with the backend Notes API to create, view, update, and delete notes.

Perfect lightweight UI for learning how to connect a frontend to a REST API.

---

🔗 Backend Repository

Backend repo:

👉 https://github.com/Jerrwin/Node-Notes-API

---

✨ Features

• Add new notes
• View all notes
• Update notes
• Delete notes
• Responsive UI
• Clean and minimal interface
• Connects directly to backend API endpoints

---

🛠 Tech Stack

• HTML5
• CSS3
• JavaScript (Vanilla JS)
• Fetch API (for calling backend)

---

📁 Folder Structure

project/
 ├── index.html     → Main UI
 ├── style.css      → Stylesheet
 ├── script.js      → API calls & UI logic
 └── README.md

---

📥 Installation

1. Clone the repository

   https://github.com/Jerrwin/Node-Notes-Frontend.git
   cd Node-Notes-API

2. Open the app Simply Open: index.html
3. Configure Backend URL Inside script.js, update your backend API URL:

   const API_URL = "https://your-backend-url";

---

🤝 Contributing

Feel free to open issues or submit pull requests. This project is beginner-friendly and ideal for practicing API integration.