Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lyannabueno/gulp_page

This project demonstrates the use of Gulp to automate common tasks in web development, such as compiling SASS, minifying JavaScript, and optimizing images. The site provides information about Gulp, technology partners, and a contact section.
https://github.com/lyannabueno/gulp_page

bootstrap5 git gulp html5 javascript jquey responsive-web-design sass webdevelopment

Last synced: 11 days ago
JSON representation

This project demonstrates the use of Gulp to automate common tasks in web development, such as compiling SASS, minifying JavaScript, and optimizing images. The site provides information about Gulp, technology partners, and a contact section.

Awesome Lists containing this project

README

        

# Gulp Page πŸ₯€

![image](https://github.com/lyannabueno/gulp_page/assets/130186281/9a27cf1f-c40e-4d88-a32c-a80162fa862d)

## Features 🌟
- **Task Automation:** Automates and simplifies tasks like SASS compilation, JavaScript minification, and image optimization, improving development efficiency.
- **Responsive Interface:** Thanks to Bootstrap, the site adapts perfectly to different screen sizes, ensuring an excellent user experience on both mobile devices and desktops.
- **Contact Form:** Includes a contact form with input validation, allowing visitors to send messages directly through the site.

## Technologies Used πŸ“š


HTML5
SASS
JavaScript
Gulp
Bootstrap
jQuery

#### What I learned in this project:
- Automating tasks such as file minification, preprocessor compilation, and image optimization.

## How to Navigate πŸ¦…

To access the site and book a date and time, you don’t need to install anything. Simply clone or download the project to your computer and open the `index.html` file in a web browser of your choice.

### Steps to Run

1. **Clone or download the repository::**

```bash
https://github.com/lyannabueno/gulp_page.git
```

2. **Open the `index.html` file:**

Locate the `index.html` file in the β€˜build’ directory of the project and open it in a web browser.

## Contributions πŸ«‚

Contributions to improve the grade calculator are welcome. If you have a suggestion to enhance this project, feel free to fork the repository, make your changes, and submit a pull request.

## Contact πŸ“©

Ana Bueno - [email protected]

Project link: https://gulp-page-lyannabuenos-projects.vercel.app/

---