Work in progress

The journey of becoming a software engineer continues. In this post, I will describe the application I built within a total time limit of 14 hours. I dedicated two hours each day for a week to see what I could accomplish. This project would not have been possible without YouTube videos and countless software articles. I am open to suggestions, comments, or concerns. I would like to extend this project—let me know what new features I should develop on top of this one!

Backstory: I'm currently working on a simple dashboard that allows adding, editing, and deleting clients. The main goal of this project is to get comfortable with handling data and storing it in a database.

In the software engineering/programming world, this process is called CRUD (Create, Read, Update, Delete). I’ve created a simple visual illustration to show how it works. I have created a illustration to get a better idea of how databases work.

Project Details

This project serves as a foundational step towards developing a more sophisticated software solution. It provides a user-friendly interface to manage client data, offering key features such as adding, editing and deleting client records. The system can be scaled and extended to support additional functionality in the future, such as complex data relationship, search capabilities, and enhanced user permissions.

To copy the code you can go to my Github: manuexgabriel

Demo

Tech Stack:

• HTML: Provides the structure and layout of the web pages.
• CSS: Used for styling the application, ensuring it is visually appealing and user-friendly
• Bootstrap: A CSS framework that ensures a responsive design, allowing the dashboard to be used across like desktop, tablets, and smartphones.
• PHP: Server-side scripting language for handling logic, interacting with the database, and processing user input.
• MySQL: Relational database to store and manage client data, supporting operations like add, edit, and delete.

Current Features:

1. Dashboard Interface: A clean and simple user interface using Bootstrap for responsiveness.
2. Add Client: Form for adding new clients to the system. Input validation to ensure all fields are filled out correctly.
3. Edit Client: Allows users to modify client details. Pre-populates the form with existing data for easy editing.
4. Delete: Option to remove clients from database. Includes a confirmation prompt to prevent accidental deletions.