Markd

An awesome bookmark app!

Table of Contents

1. About The Project
2. Getting Started
3. Usage
4. Roadmap
5. Acknowledgments

About The Project

Lovely stuff, so spent just a few hours over this week on this, managed to only get so far...

• can create and delete bookmark, NOT edit, added/updated to local storage
• nearly all components and utils (hooks) are written from ground up incase this was deemed cheating otherwise!
• custom form building added url validation
• added pagination (hard to see without many results but wrote this as a self commenting usePagination hook)

Think would be useful to talk through and explain process. I also spent some time in framer to create initial screens. I cant share these easily (bloody accounts) but Ill try showing the most here...

(back to top)

Built With

• React.js
• webpack
• typescript

  (back to top)

Getting Started

Okey doke,

Installation

SImples

1. Clone the repo

   git clone https://github.com/yankyankpaste/markd.git
   or
   git clone git@github.com:yankyankpaste/markd.git

2. Install NPM packages

   npm install

3. Run locally

   npm start;

(back to top)

Roadmap

• Add edit bookmarks!!
• Add users screen
• Add searching
• Add url params for filtered search
• Add back to top links

Here's why:

• adding 3d icons that inevitably took a chunk of time, now left out with time constraints in eve!

(back to top)

UX

Ive uploaded here some crude initial sketches...

Acknowledgments

Extra plugins used, thats it...!

• feather icons

(back to top)