Product Purchase Form

Product Purchase Form

📗 Table of Contents

• 📗 Table of Contents
• 📖 Product Purchase Form
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
  • 💻 Getting Started
    • Prerequisites
    • Setup
    • Install
    • Usage
    • Run tests
    • Deployment
  • 👥 Authors
  • 🔭 Future Features
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • ❓ FAQ (OPTIONAL)
  • 📝 License

📖 Product Purchase Form

The Product Purchase Form is a component created with HTML and CSS that implements the final step a customer takes to buy a product or service.

🛠 Built With

Tech Stack

Client

• HTML
• CSS

Key Features

• Simulates a purchase component.
• It is responsive.

(back to top)

🚀 Live Demo

• Live Demo Link

(back to top)

💻 Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

To work with this project, you need:

1. A modern web browser to view the website (e.g., Google Chrome, Firefox, Safari, or Microsoft Edge).

2. A code editor for editing the code, such as Visual Studio Code, Atom, or Sublime Text.

Setup

1. Clone it using your terminal:

git clone https://github.com/Alejandroq12/buy-products.git

Install

For this porject you just need a web browser.

Usage

To use this project locally on your computer, follow these steps:

1. Clone the repository or download the project files.
2. Navigate to the project directory where the index.html file is located.
3. Open the index.html file with a web browser.

• Optional: You can also use the Live Server extension for Visual Studio Code to view the website with live reloading.

-- Install the Live Server extension in Visual Studio Code.

-- Open the project folder in Visual Studio Code.

-- Right-click on the index.html file and select "Open with Live Server".

The website should now be displayed in your browser, and you can interact with the application as intended.

Run tests

To run tests, run the following command:

• For hint:

npx hint .

Deployment

You can deploy this project using GitHub pages:

1. Log in to your GitHub account and navigate to the repository that contains your website files.
2. Make sure that your website files are located in the main branch and in the root directory of the repository.
3. If your website is not already live, make sure that the index.html file is the main page of your website.
4. Click on the "Settings" tab in your repository.
5. Scroll down to the "GitHub Pages" section.
6. In the "Source" dropdown menu, select the branch where your website files are located. For a simple website with only HTML and CSS, this is typically the main branch.
7. In the "Path" field, make sure that the root directory is specified (i.e., "/").
8. Click "Save" to generate your website.
9. Wait a few minutes for GitHub to build and deploy your website.
10. Once the website is deployed, visit the GitHub Pages URL to view your site.

(back to top)

👥 Authors

👤 Julio Quezada

• GitHub: Alejandroq12
• Twitter: @JulioAle54
• LinkedIn: Julio Quezada

(back to top)

🔭 Future Features

• I will use JavaScript to make it interactive.

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project please give a star. Thanks in advance.

(back to top)

🙏 Acknowledgments

I would like to thank Madison Kanna for guiding me in the creation of this project.

(back to top)

❓ FAQ (OPTIONAL)

• Will you use JavaScript to add interactivity?

  • Of course, I will use it.

(back to top)

📝 License

This project is MIT licensed.

(back to top)