Bookmarks Application

A brief description of what this project does and who it's for

Project Summary

INTRODUCTION

• Every day we browse lots of websites on google, some common websites that need to every time.
• For example we go to google and type repeatedly like facbook.com, youtube.com etc that’s boring and time-consuming.
• Sometimes we don’t remember useful websites name
• My application main goal reduce these problems more efficiently

OBJECTIVES

• Use as google chrome extension
• Save web site’s URL for future reference
• Increase work productivity
• Save time
• Remember browsing site

FEATURES

• Add bookmarks as input (title, url, category, tag)
• Show bookmarks list (auto detected icon)
• Update & delete bookmark
• Searching bookmarks
• Filter by title, category & tags

SYSTEM ARCHITECTURE

TECHNOLOGYS

Frontend:

• HTML
• CSS
• REACT

Backend:

• NodeJs

Database:

• Firebase

Framework:

• Vite JS (Development environment)

PLANNING

FIGMA for UI/UX:

PROJECT SCREENSHOT

• Project Structure

• Figma to React:

• Add new bookmark:

• Firebase Databse:

• Update bookmarks:

• Delete & notification:

• Auto complete suggestion:

Topics Covered

• REACT
• Firebase
• Vite JS