Re:Write

Notes app that enforces active recall by making you rewrite notes.

Comment

Inspiration

I was inspired by the studying technique "active recall" and the note-taking software Obsidian. With these two being extremely useful in my own studying, I decided to try and combine them in this project.

What it does

Re:Write encourages active recall by allowing you the option to "re:write" the entire note from scratch. Although it allows you to view the previous iteration of the note, spare use of the function is expected. You can also use it as a general purpose notes app.

How I built it

Re:Write was built with only Vite, vanilla JavaScript, HTML, and CSS. Storing the note's data inside the browser's local storage.

Challenges I ran into

Many challenges were faced in the making of this project. With this project being the first real website programming experience I've had, I stuck mostly to the basics and used what I know best.

Although, in the beginning, I considered pushing myself more by using React as a framework, something I'm not very experienced in. Looking back, I'm thankful I decided to stick close to what I know as it was already challenging enough even with the tools I'm familiar with.

There were problems with accessing data, adding elements, styling elements, conditions being met when they weren't supposed to, and conditions not being met when they were supposed to.

Accomplishments that I'm proud of

This project being made in general is something I'm proud of. Even with it's flaws, I'm still happy I ironed out most of them. I'm also pretty proud of the UI; as someone who isn't really too good at CSS, I'm pretty happy with the look of the UI and how I got to experiment with it.

What I learned

I learned a lot more about Javascript, CSS, and how web and web dev works in general. I also learned to be less indecisive when you're picking out what to use in the beginning and to practice a bit more before you go diving into a big project.

What's next for Re:Write

Future features I wish to implement:

  • Deleting Notes
  • Allow user to choose how long before they can Re:Write
  • An accuracy score for how accurate you were to your original note
  • Grouping notes
  • View Re:Write history

Built With

Share this project:

Updates