Highlight - Book Memorization
💡 Background
Highlight is a useful software tool that assists users in retaining information from their reading material. By allowing users to input quotes from their books, the system prompts the user with the quote at the appropriate time to help them remember and commit it to long-term memory.
Overview
GOAL: Help people remember everything they read.
👩💻 How It's Made:
TECH USED: HTML, CSS, JavaScript, JWT, React
FrontEnd - Used React and Tailwind to help create the UI components
BackEnd - Used Mongoose Atlas for the backend database
BackEnd - Used Mongoose Atlas for the backend database
🏸 Optimizations
Things I would like to fix/add ability
- Create an email function
- Send a list of quotes to their email - Ability to import the quotes from Kindle
- Could be used to study notes
- Still need to perfect Anki function
📝 Lessons Learned:
This project taught me a few important lessons. Learning about how a language works and the importance of documentation is very important when creating a project. It was my first time using React and I learned that in order for the app to be less buggy I have to build according to the document or else it won't work as I wanted.This was shown when I just wanted to toggle the Heart Component. Although the code was correct ( I believe) the Heart still wasn't toggle right. It was not until I understood that because of the order of my functions, React was rerendering even when it was not ready to be re-rendered