Skip to content

Latest commit

Β 

History

4 Commits

Folders and files

NameName
Last commit message
Last commit date
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Dynamic Project πŸš€

Welcome to the Dynamic Project! This project demonstrates a modern, single-page web application using PHP, HTML, CSS, and Bootstrap. It features two main functionalities:

  • User Details Form πŸ“‡: Collects user information (name, email, job) and allows uploading a profile picture. The data is stored using PHP sessions.
  • Price Calculator πŸ’°: Calculates the total price with discount and tax based on a given input price.

Table of Contents πŸ“š


Features ✨

  • Responsive Design: Uses Bootstrap 5 for a modern and responsive layout.
  • User Details Form:
    • Input fields for name, email, and job.
    • File upload for a profile picture.
  • Price Calculator:
    • Automatically applies a 25% discount for prices over 300 EGP.
    • Adds a 10% tax after discount calculation.
  • Session Management: Stores user data in PHP sessions.
  • Modular Code Structure: Organized into separate folders for HTML, CSS, PHP, and uploads for easy maintenance.

Folder Structure πŸ“

project_folder/ β”œβ”€β”€ html/ β”‚ └── index.html // Landing page with links to forms β”œβ”€β”€ css/ β”‚ └── styles.css // Custom CSS and styling β”œβ”€β”€ php/ β”‚ β”œβ”€β”€ user_details.php // User details form and processing β”‚ └── price_calculator.php// Price calculator form and processing └── uploads/ // Stores uploaded images (created automatically)


Technologies Used πŸ’»

  • PHP: Server-side scripting.
  • HTML5 & CSS3: Markup and styling.
  • Bootstrap 5: For responsive and modern UI components.
  • JavaScript: Included via Bootstrap’s JS Bundle (optional for interactive elements).

Installation & Usage πŸ”§

  1. Clone the Repository
    git clone https://github.com/yourusername/dynamic-project.git

  2. Directory Structure
    Make sure the directory structure matches the provided layout. The uploads folder will be created automatically if it doesn't exist.

  3. Run the Project

    • Deploy the project to a PHP-enabled web server (like XAMPP, WAMP, or a live server).
    • Navigate to the html/index.html page in your browser to access the landing page.
  4. Usage

    • Click User Details Form to submit your details and upload an image.
    • Click Price Calculator to calculate the price with discount and tax.

License πŸ“„

This project is open source and available under the MIT License.


Happy coding! πŸ’»βœ¨
Feel free to open an issue or contribute to the project. πŸ™Œ

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages