A beautiful and responsive Create, Read, Update, Delete (CRUD) application built with PHP and MySQL. Features a modern UI with gradient backgrounds, smooth animations, and a scrollable user table.
- ✨ Create, Read, Update, and Delete users
- 🌈 Modern UI with gradient background and glass morphism effect
- 📱 Responsive design that works on mobile and desktop
- 📜 Scrollable user table with fixed header
- 💾 MySQL database integration
- 🎨 Beautiful animations and transitions
- 📝 Form validation
- 💬 Flash messages for user feedback
- PHP 7.4 or higher
- MySQL 5.7 or higher
- Web server (Apache, XAMPP, or built-in PHP server)
- Clone the repository:
git clone cd crud_-_app - Place the files in your web server directory:
- Move the crud-app folder to:
- XAMPP: C:\xampp\htdocs\ (Windows) or /opt/lampp/htdocs/ (Linux)
- WAMP: C:\wamp64\www\ (Windows)
-
Set up the database:
- Create a MySQL database
- Import the SQL schema from database/schema.sql
- Configure the database connection:
- Edit db.php with your database credentials: $servername = "localhost"; $username = "root"; // Default XAMPP/WAMP username $password = ""; // Default XAMPP/WAMP password (empty) $dbname = "crud_app"; // Your database name
-
Run the application:
- Run the application:
- Start your XAMPP/WAMP server
- Open your browser and visit: http://localhost/crud-app/index.php
- File Structure crud_app/ ├── index.php # Main application file ├── edit.php # Edit user page ├── delete.php # Delete user script ├── db.php # Database configuration ├── style.css # Stylesheet ├── sql_schema.sql # Database schema └── static/ └── img/ # Images directory
- Add a new user:
- Fill out the form with name, email, and description
- Click "Add User" button
- Edit a user:
- Click the "Edit" button next to any user
- Make changes in the edit form
- Click "Update" to save changes
- Delete a user:
- Click the "Delete" button next to any user
- Confirm deletion in the popup dialog