Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/basemax/myphonebook

MyPhonebook is a web-based phone book page with ability to add contacts and search betweens with internal browser database supporting (IndexedDB full cache), styled powered by TailwindCSS.
https://github.com/basemax/myphonebook

css dexie dexie-js dexiejs dexiesjs html javascript js js-dexie phone-book phone-book-project phonebook tailwind tailwindcss

Last synced: about 22 hours ago
JSON representation

MyPhonebook is a web-based phone book page with ability to add contacts and search betweens with internal browser database supporting (IndexedDB full cache), styled powered by TailwindCSS.

Awesome Lists containing this project

README

        

# My Phonebook (Dexie)

MyPhonebook is a web-based phone book page with ability to add contacts and search betweens with internal browser database supporting (**IndexedDB** full cache), styled powered by TailwindCSS.

**Demo:** https://basemax.github.io/MyPhonebook/src/

## Purpose

To show how to use IndexedDB internal browser database in a project.

## Demo/Preview

[![HomePage](https://i.ibb.co/yXzps6r/screencapture-file-D-My-Phonebook-src-index-html-2022-01-18-21-52-08.png)](https://basemax.github.io/MyPhonebook/src/)

### What is dexie?

> Dexie.js - Minimalistic IndexedDB Wrapperhttps://dexie.org

The easiest way to use IndexedDB. A lightweight, minimalistic wrapper that provides a straightforward API for developers using IndexedDB. https://dexie.org/

## TODO

You are welcome to work on the project and improve, by the way some features missed. here the list for you:

- Add some common filters (Friends, Work, Family)
- Ability to fetch list of contacts by filter (For example only see list of friends or coworks)
- Store filters for each contacts when creating a new contact (they can tick filters)
- Edit contacts

## Authors

- **HTML/CSS:** Muhab
- **JS:** Max Base

© Copyright 2021, Max Base