Portfolio: preserve data in the browser

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
• 💻 Getting Started
  • Prerequisites
  • Setup
  • Install
  • Usage
  • Run tests
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 [Portfolio: preserve data in the browser]

For this final milestone of our portfolio website, we save the form data in the local storage of the browser. That way when the user reloads the page the data they filled out in the form will be preserved.

🛠 Built With

 1.css
 2.HTML
 3.Javascript

Tech Stack

• Javascript
• CSS3
• HTML5
• Webhint
• Stylelint
• ESLint

Key Features

-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.

(back to top)

💻 Getting Started

Prerequisites

In order to run this project you need: 1.Install git bash 2.Install Vscode, Sublime 3.Web browser

Setup

Clone this repository to your desired folder:

1.To access cloned directory:

  cd your-folder
  git clone https://github.com/abel12-pro/Portfolio

2.Run with live server

Install

To install linters and other project's dependencies run:

  cd your-folder
  npm install

Usage

To run the project, execute the following command: open index.html using live server or web browser

Run tests

To run tests, run the following command:

1.For tracking linter errors in HTML files run:

npx hint .

2.For tracking linter errors in CSS or SASS files run:

npx stylelint "\*_/_.{css,scss}"

(back to top)

👥 Authors

👤 Abel Fikre

• GitHub: @abel12-pro
• Twitter: @abelfikre2
• LinkedIn: abel-fikre-03b173a7

(back to top)

🔭 Future Features

• adding pop menu
• adding data storage

(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 just share to your families and give me like.

(back to top)

🙏 Acknowledgments

-Thank You Microverse team that help me with the template of this project -Thanks to everyone who will get time to check this code and suggest any issues

(back to top)

📝 License

This project is MIT licensed.

(back to top)