https://github.com/autumnchris/front-end-form-validation-practice

A practice form that validates various commonly used form fields on the front-end with vanilla JavaScript and NPM packages.
https://github.com/autumnchris/front-end-form-validation-practice

css css3 es6 form-validation forms html javascript sass scss the-odin-project theodinproject vanilla-javascript vanilla-js vanillajs webpack

Last synced: 2 days ago
JSON representation

A practice form that validates various commonly used form fields on the front-end with vanilla JavaScript and NPM packages.

• Host: GitHub
• URL: https://github.com/autumnchris/front-end-form-validation-practice
• Owner: autumnchris
• Created: 2021-09-21T22:11:39.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2025-02-11T20:10:16.000Z (10 days ago)
• Last Synced: 2025-02-11T21:23:37.787Z (10 days ago)
• Topics: css, css3, es6, form-validation, forms, html, javascript, sass, scss, the-odin-project, theodinproject, vanilla-javascript, vanilla-js, vanillajs, webpack
• Language: JavaScript
• Homepage: https://autumnchris.github.io/front-end-form-validation-practice
• Size: 137 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Front-End Form Validation Practice

A practice form that validates various commonly used form fields on the front-end with vanilla JavaScript and NPM packages.

Inspired by the [Forms assignment](https://www.theodinproject.com/lessons/node-path-javascript-form-validation-with-javascript) as part of the curriculum for the [JavaScript Course](https://www.theodinproject.com/paths/full-stack-javascript/courses/javascript) on [The Odin Project](https://www.theodinproject.com).

---

## Built With

* Vanilla JS

* JavaScript

* [Sass](http://sass-lang.com)

* CSS3

* HTML5

* [Node.js](https://nodejs.org/en)

* [Webpack](https://webpack.js.org)

* [Babel](https://babeljs.io)

* [country-list](https://github.com/fannarsh/country-list)

* [Normalize.css](https://necolas.github.io/normalize.css)

* [Font Awesome](https://fontawesome.com)

## Demo

View project demo at [https://autumnchris.github.io/front-end-form-validation-practice](https://autumnchris.github.io/front-end-form-validation-practice).

## Instructions

After forking and cloning, navigate to the repository in your command line and install the NPM packages:

```

npm install

```

Run the following script in your command line to run the application:

```

npm start

```

Once the server is running, go to `http://localhost:8080` in your browser.

Before committing any changes, run the following script to update your static files for production:

```

npm run build

```