Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/metsanpeitto/portfolio_1
https://github.com/metsanpeitto/portfolio_1
Last synced: 2 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/metsanpeitto/portfolio_1
- Owner: Metsanpeitto
- Created: 2021-06-03T05:13:13.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2021-06-25T06:31:12.000Z (over 3 years ago)
- Last Synced: 2023-04-26T21:40:07.040Z (over 1 year ago)
- Language: CSS
- Size: 29.2 MB
- Stars: 1
- Watchers: 3
- Forks: 1
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Portfolio: validate contact form
![Alt text](images/screenshot.png?raw=true 'Optional Title')
## Learning objectives
- You should implement the following interactions:
- When the user changes the content of any input field, the data is saved to the local storage.
- When the user loads the page, if there is any data in the local storage the input fields are pre-filled with this data.
- You should use the following data model:
- You must create **a single JavaScript object with all the data from the entire form** and save it in local storage. Do not create one local storage entry per input field.### Instructions
- Deploy your website using GitHub Pages.
- Check the online version of your portfolio and make sure that the page works properly.
- Update the README of your repository to include a link to the online version.=======
## Built With
- HTML/SCSS
- Node.JS
- Figma=======
## Getting Started
If you want to visit the deployed app just visit the following link:
- [`https://metsanpeitto.github.io/Portfolio_1/`](https://metsanpeitto.github.io/Portfolio_1/)
If you want a copy of this file go to the github repository and download it
- `git clone https://github.com/Metsanpeitto/Portfolio_1`
After cloning it you can see the project opening the index.html file with your favorite browser ( Firefox for example )
### Project requirements
- You need to implement a simple validation:
- The content of the email field has to be in lower case.
- You should implement the following interactions:
- When the user submits the form, you check if the email is in lower case.
- If the validation is OK, the form is sent.
- If the validation is not OK, you show an error message to the user near the submit button informing them of the error and the form is not sent.### Prerequisites
- Node.JS
=======
## Author
👤 **Abraham Rodriguez**
- GitHub: [@metsanpeitto](https://github.com/Metsanpeitto)
- Twitter: [@metsanpeitto](https://twitter.com/home)
- LinkedIn: [Abraham Rodriguez](https://www.linkedin.com/in/abraham-rodriguez-3283a319a/)
- Portfolio: [Waldenberg](https://portfolio.waldenberginc.com)=======
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
=======
## Show your support
Give a ⭐️ if you like this project!
=======
## Acknowledgments
- Microverse for giving me this chance
- The amazing code reviewers for making me improve every day :thumbsup:=======