Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/massacre-saint/vue-phonebook
A simple Phonebook application using multiple components in Vue.js with styling libraries.
https://github.com/massacre-saint/vue-phonebook
bulma bulma-css vite vue vuejs
Last synced: 22 days ago
JSON representation
A simple Phonebook application using multiple components in Vue.js with styling libraries.
- Host: GitHub
- URL: https://github.com/massacre-saint/vue-phonebook
- Owner: Massacre-Saint
- Created: 2024-02-18T19:56:57.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-02-18T21:13:00.000Z (10 months ago)
- Last Synced: 2024-10-16T19:05:36.221Z (2 months ago)
- Topics: bulma, bulma-css, vite, vue, vuejs
- Language: Vue
- Homepage: https://vue-phonebook-app.netlify.app/
- Size: 114 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vue Phonebook App
## [View Demo Here](https://vue-phonebook-app.netlify.app)
This simple Vue application allows users:
- Add contact information including phone number and email.
- Remove contacts.
- Search added contacts.
## Lessons Learned
My learning object for this app was to understand Vue fundamentals like:
- V-for and v-model components
- props and class binding
- emitting custom events.
I also wanted to impliement a store to reduce prop drilling.
## Run Locally
Clone the project
```bash
git clone [email protected]:Massacre-Saint/Vue-PhoneBook.git
```
Go to the project directory
```bash
cd Vue-PhoneBook
```
Install Packages including Vite, Vue, EsLint and Prettier
```bash
npm install
```
Start the server
```bash
npm run dev
```
## Tech Stack
**Client:** Vue, JS, Bulma, Vite
## Screenshots
