Noteify

I created a cool note-taking app called Noteify. It makes it super easy to store all your notes in your web browser and organize them with folders and tags.

---

---

Purpose and Motivation

I was motivated to build Noteify to learn Redux and Typescript, and a note-taking app would be a perfect project to work on.

Noteify is still a work in progress, as it needs some features, like support for links and tables, and it still needs to have the option to export notes.

Stack and Explanation

I used excellent technologies like React, Typescript, and React-Router for smooth client-side navigation. To manage the app's overall state, I incorporated Redux and used TailwindCSS to give Noteify a sleek and stylish look.

I opted to persist the global state in the indexedDB, a browser's built-in database, with the help of the LocalForage library, as the IndexedDB API is a bit hard to work with.

Problems and Process

During the development process, I encountered a challenge ensuring the app looked incredible and worked well on different screen sizes. Figuring out the layout for the desktop view was more straightforward than for the mobile view, but with a bit of perseverance and some tweaks to the z-index, I could make Noteify completely responsive.

Closing Thoughts

Looking back, creating Noteify has been an exciting journey of learning and growth. Though there's still more to add and improve, the app has taught me a lot about problem-solving and adaptability in software development.