/crud-application

Crud Application Lesson

Primary LanguageJavaScript

Simple CRUD Website with Local File Storage

A basic CRUD (Create, Read, Update, Delete) website implementation using HTML, CSS, and JavaScript with local file storage.

Features

  • Create new items
  • Read existing items
  • Update items
  • Delete items
  • Data persistence using local JSON file

Setup

  1. Install a local server (choose one):

    • Python: python -m http.server 8000
    • Node.js: npm install -g http-server then http-server

  2. Open your browser and navigate to:

    • Python: http://localhost:8000
    • Node.js: http://localhost:8080

Structure

  • index.html: Main HTML file
  • css/style.css: Styling
  • js/script.js: JavaScript functionality
  • data/items.json: Local data storage