🚀 AJAX CRUD Web Application
A dynamic and responsive CRUD (Create, Read, Update, Delete) web application built using HTML, CSS, JavaScript (AJAX), PHP, and MySQL. This project demonstrates real-time data operations without page reload, ensuring a smooth and modern user experience.
✨ Features
- 🔄 AJAX-based operations (no page refresh)
- ➕ Add new records
- 📋 View data dynamically
- ✏️ Edit & update records in real-time
- ❌ Delete records instantly
- 🔐 User Authentication (Login / Signup / Logout)
- 🔑 Forgot & Change Password functionality
- 📊 Dashboard interface
- ⚡ Fast and responsive UI
🛠️ Tech Stack
- Frontend:** HTML, CSS, JavaScript (AJAX)
- Backend:** PHP
- Database:** MySQL
📁 Project Structure
├── css/ → Stylesheets
├── js/ → AJAX & frontend scripts
├── includes/ → Config & reusable files
├── models/ → Database logic
├── *.html → UI pages
├── *.php → Backend processing
⚙️ How It Works
- User performs an action (Add/Edit/Delete)
- AJAX sends request to PHP backend
- PHP processes data and interacts with MySQL
- Server sends response
- UI updates instantly without reload
🚀 Getting Started
- Clone the repository
git clone https://github.com/vedantkhandale/newbook_Ajax.git
- Setup Database
- Create a MySQL database
- Import the SQL file (if available)
- Update database credentials in
/includes/config.php
- Run the project
- Use XAMPP / WAMP / Localhost
- Place project inside
htdocs - Start Apache & MySQL
- Open in browser:
🎯 Use Cases
- Student / Guest Management System
- Admin Dashboard
- Beginner Full-Stack Projects
- Learning AJAX with PHP
🔮 Future Improvements
✅ REST API integration ✅ MVC architecture ✅ Pagination & search ✅ UI improvements (Bootstrap / Tailwind) ✅ Fetch API upgrade
🤝 Contributing
Contributions are welcome! Feel free to fork this repo and submit a pull request.
📄 License
This project is open-source and free to use.
💡 Author
Vedant Khandale 💻 Web Developer | Intern