DigiNotes

Become organized. Become focused. Your journey to productivity starts here.

Comment

Inspiration

I have seen so many note-making and todo apps but felt that it was too plain and unattractive for children and younger people. So I decided that my app, DigiNotes, should be made for the sole purpose of creating a lively, attractive environment for children that will be memorable and enjoyable to use. Of course, the working app attached here still has a lot of improvements to make, which I will be implementing in due course, listed in the end.

What it does

It has one role: to-do list creation. It uses two mascots, Stylie and Rob, to make the entire process engaging, and there is delightful music in surprising places to add to the enjoyment. Users have to create an account at the bottom of the home page by clicking on Get Started. They have to enter their details, and unless they click Sign Out, every time they visit the app, they will be redirected to the dashboard if signed in.

How I built it

Made using HTML, CSS, JavaScript and Flask, I had to write a lot of code, and since I am a decent developer, I had to make use of ChatGPT for doubt clarification and debugging help (the code was written by me though) and asked Gemini for creating the designs for Stylie and Rob. I had to make a lot of modifications by giving Gemini explicit instructions, to make it look attractive and pleasant to look at. I focused on designing a clean UI, with simplistic features, to make it intuitive and easy for users to get started.. Although my app lacks fancy animations, the features and the bright color palette hopefully makes user experience memorable

Challenges I ran into

There were a lot of challenges during the coding part, since the positioning of the divs was harder than I thought, and I had to use a hit-and-trial method to perfect it. JavaScript code was also not easy, and I had to use AI for explanations, so that I understand each line of code I wrote (I am very particular about that). The hover animations also took me a while to understand, but I got there in the end. I must add that the challenging parts added to the fun of making this app, and allowed me to pull myself out of my comfort zone and experiment more than I ever have.

Accomplishments that I am proud of

  1. Succeeding in adding music during the popups
  2. Creating an underline effect upon hover
  3. A clean and simple UI for easy user navigation
  4. Able to finish this app within the timeframe as I wanted to
  5. Learning new JavaScript code during the app building process

What I learned

  1. How to overcome bugs in code, and how to stay optimistic during debugging and not treating the bug as a judge of my worth

  2. Pushing myself out of the comfort zone is important, as it allows me to expand my skills and knowledge

  3. Coding is fun, provided you celebrate your wins and move through your struggles

  4. JavaScript is extremely useful for smooth user experience and interactions with elements such as popups and buttons

What's next for DigiNotes

  1. Making the app compatible across all devices, including mobiles.
  2. Leveraging AI to summarize the notes that the user provides.
  3. Adding more features, such as a learning page, where the user can find a list of skills to learn, and perhaps even find quizzes, lectures, AI tutor etc. on those topics.
  4. Add a notes feature, where users can enter and store color-coded notes
Share this project:

Updates