Skip to content

ArpitBaliyan26/QuoteBox

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📦 QuoteBox – Personal Quote Library

QuoteBox Logo

Save • Edit • Sort • Search • Organize
All your favorite quotes — stored locally in your browser.


🔗 Live Demo

👉 https://arpitbaliyan26.github.io/QuoteBox/

🚀 Features

  • ✍️ Add, edit, and delete quotes
  • 🔍 Live search with instant filtering
  • ↕️ Custom drag-and-drop sorting
  • 🔒 Lock order to prevent changes
  • 🌓 Light & dark mode (saved in LocalStorage)
  • 📱 Mobile floating Add Quote button
  • 💾 Offline support using LocalStorage

🧠 Tech Stack

HTML5 – Structure & Layout

CSS3 – Styling, Responsiveness, Animations

JavaScript – Logic, LocalStorage, Drag & Drop

📂 Folder Structure

QuoteBox/
│
├── index.html        – Main App
├── styles.css        – UI styling and responsive design
├── script.js         – App logic, LocalStorage & interactivity
└── assests/          – Logo & Favicon
  

⚙️ Installation

  1. Clone the repository:
git clone https://github.com/yourusername/QuoteBox.git
  
  1. Open index.html in any browser.
  2. Customize styles.css and script.js as needed.

🛠️ Customization

  • index.html – Modify layout, structure and branding
  • styles.css – Update colors, animations, responsiveness
  • script.js – Add features, change logic

🙋 FAQs

Q: Does QuoteBox work offline?
Yes — everything is saved using LocalStorage.

Q: Will my quotes be saved permanently?
Yes, unless the user clears browser data.

📄 License

This project is open-source and free to use.

✨ Author

Arpit Baliyan
Crafted with ❤️ using HTML, CSS & JavaScript.
🔗 Connect on LinkedIn | 🌍 Visit Website


⭐ If you like this project, give it a star on GitHub!

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors