Git Product home page Git Product logo

application-deploy's Introduction

Porfolio: Validate Contact Form

A Microverse exercise to implement a popup window that includes the project details in both desktop and mobile.

Validate Contact Form

๐Ÿ“— Table of Contents

๐Ÿ“– validate contact form

validate-contact-form is a starter exercise to create a porfolio capable to work in ever device, based on specific settings and requirements to ensure proper structure and best practices. By cloning this repo and running npm install also with properly configured linters and correct initial file structrure. And also using the javascript to implement the hamberger of the mobile version.

๐Ÿ›  Built With

-html -css -javascript

Tech Stack

This Porfolio focuses only on linters and .gitignore. No JS or Server are included in this repo.

Client
Server

Key Features

  • Linters: Lighthouse, Webhint, and Stylelint
  • A .github/workflows/linters.yml file to run linters on GitHub Pull Request.
  • A .gitignore file including node_modules/.

๐Ÿš€ Live Demo

(back to top)

๐Ÿ’ป Getting Started

If you are a new developer and would like to have a basic project porfolio to start practicing your code or creating your first app-features, cloning this project will give you what you need! To get a local copy up and running, follow these steps:

Prerequisites

In order to run this project you need:

  • Have npm installed in your project: curl -qL https://www.npmjs.com/install.sh | sh

Setup

Clone this repository to your desired folder:

git clone https://gardimy.github.io/Application-deploy/

or

git clone https://gardimy.github.io/Application-deploy/ <-- Only if you have SSH keys configured on your GitHub account.

Install:

run the npm install command in your console.

Usage

To run the linters before committing any changes to your code, execute the following commands:

npx hint . npx stylelint "**/*.scss" <--NOTE: this repo is set up to use with SCSS. If you would like to use CSS, you must replace "**/*.scss" with "**/*.{css,scss}" in line 48 of the .stylelintrc.json file, and run the linter with:

npx stylelint "**/*.{css,scss}" instead.

(back to top)

๐Ÿ‘ฅ Authors

๐Ÿ‘ค Gardimyloaded

๐Ÿ‘ค Therese Tuyisabe

๐Ÿ‘ค Mathias Wismann

๐Ÿ”ญ Future Features

๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

โญ๏ธ Show your support

If you like this project please give me a star on GitHub.And Don't hesitate to follow me on github, you will have the opportunity to get all updating available for this project.

๐Ÿ™ Acknowledgments

I would like to thank Microverse for teaching me these tools. And I also want to thank all my brothers for their advice.

๐Ÿ“ License

This project is MIT license licensed.

(back to top)

application-deploy's People

Contributors

gardimy avatar mwismann avatar ahmed025566 avatar danielochuba avatar theresetuyi avatar atok624 avatar

Stargazers

 avatar Hafiz Rasa avatar

Watchers

 avatar

application-deploy's Issues

Morning Session Week 3 - Day 2

Peer-to-Peer Review ๐Ÿ˜Ž

Great job so far!

Some suggestions that we could give you to improve the code would be the following:

  • We think that you could make the alt text of your images more descriptive in order to improve the accessibility of your site for people using screen readers ๐Ÿ˜ธ
  • We think you could reduce the space from the top of the container of the h1 element to have the content centered ๐Ÿค 

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.