Skip to content

Amruthasg23/Smart-notes

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📝 Smart Notes

Smart Notes is a simple, colorful, and mobile-friendly note-taking web app built using HTML, CSS, and JavaScript. It allows users to add, search, edit, and delete notes in a compact and elegant layout that looks great on small screens.

Screenshots

web page Overview

Screenshot1

Adding a Note

Screenshot2

Search Functionality

Screenshot3

Features

  • Centered smart header
  • Search notes from the top-right corner
  • Enter title and content for new notes
  • Add notes that appear below
  • Edit existing notes
  • Delete notes easily
  • Stylish, responsive, and compact design
  • Optimized for a phone-style interface

Project Structure

smart-notes/ │ ├── index.html # Main HTML structure ├── style.css # All CSS styling and design └── script.js # JavaScript for note functionality

Built With

  • HTML5
  • CSS3 (Flexbox, Gradients, Shadows)
  • JavaScript (Vanilla)

How to Use

  1. Clone the repository: git clone https://github.com/Amruthatech23/Smart-notes.git cd Smart-notes

  2. Open the app: Double-click index.html to open it in your browser.

Contact

For suggestions or feedback: GitHub: https://github.com/Amruthatech23

Thank you for visiting Smart Notes!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published