CZJoanna / socialList

串接第三方資料建立社群名單

Home Page:https://czjoanna.github.io/socialList/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

socialList

串接第三方資料建立社群名單

使用者畫面&功能:

1.首頁有12筆朋友資料的進入畫面

2.點擊按鈕see more可以得到個人姓名、生日、歲數及電子信箱之個人基本資料

3.點擊首頁下的分頁器,可以瀏覽更多的朋友資料

4.點擊加號按鈕,可以將朋友加入最愛名單中。

5.導覽列 由左至右有兩個分頁連結HOME 和 FAVORITE,使用者可以隨時回到Home畫面,或點選至 Favorite分頁檢查最愛清單的資料。

6.在Home分頁或 Favorite分頁 皆會顯示目前最愛清單存放資料的數量。

7.Home分頁 和 Favorite分頁皆有搜尋欄,使用者可以[點擊GO]或[按下鍵盤的Enter建]對朋友的姓名進行搜尋。註:本功能為模糊搜尋,大小寫都可以找到對應的資料。

8.若使用者的搜尋在網站裡找不到符合的資料,畫面會顯示" Sorry,we don't find any people matching this search. " ; 若使用者沒有輸入任何內容並欲進行搜尋,則會顯示全部的資料。

About

串接第三方資料建立社群名單

https://czjoanna.github.io/socialList/


Languages

Language:JavaScript 36.9%Language:HTML 25.7%Language:SCSS 19.7%Language:CSS 17.7%