I UPGRADED MY APP TO v2.0
Tags: webdev, beginners, programming, javascript
Published: 2024-04-16 14:30:42

## Guys, do you remember my first post. It was 2 weeks before and was about a random quote generator

*I completed working on citeal 2.0 version*

## Today I will tell you how I made [Citeal 2.0](https://citeal.firebaseapp.com)

{% embed https://vimeo.com/935445901?share=copy %}

## OK, first of all **MY IDEA 💡**

The basic idea is to create an app that would send you quote in the form notifications while you chill out testing your dream app or coding an application that would change your life. Cuz...

> Motivation is very important while you work

Well that's simple, easy and creative

## Next up, **My execution 😅**

The plan is simple, First get a time input from the user to decide at which regular time you send notifications. Next, set an interval and after a regular send notification. The most important thing get quotes from a third part api or create your own rest api. I started by a simple function that would convert minutes to milliseconds (*that is how setInterval function in js takes time as*).

`time = input.value`
`seconds = time * 60`
`milliseconds = seconds * 1000`

Next get the quote through an async function. And register it in a global variable. Have a function called notify that would call the quote function first (*to get a random quote*) and use that data to send a simple javascript notification to the browser. Now dump the time and the notify function inside the setInterval function. Tada 🎉 Prototype complete. There is a catch how do we stop the interval. Now, I put the setInterval inside a constant and then use the clearInterval method to clear it up. I further tweaked things such as onclick event changing, author and quote placement and many more. 

## The time, **My struggles👎**

Ok, I made the input work in such a way that only numbers can be typed what happens when we give negative minutes ?

<img src='https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExYzh0djB1MTMwa2wyaTZicXYxbWg4bDhvaGc1YjdzbDNkZzI5OWdlOCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/1RkDDoIVs3ntm/giphy.gif'/>

**🤯 3187 NOTIFICATIONS IN A SECOND**

I am honest my computer almost got wrecked and was about to crash. What am I supposed to do now, there is no other way. I am the worst. MY CODING SKILLS ARE ALL WORSE

<img src='https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExdTZvem5scDViZDF2bXpsNnB6ZHdjaW5hMzAxbmxzcTMxYjR5MWs4cSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/L95W4wv8nnb9K/giphy.gif'/>

Then, my spider senses told me that just give them an alert before they do anything. Yeah man ! I am the best. I am the best in the world. MY CODING SKILL ARE THE BEST

After working and completing all css styles I accidentally removed a bracket for a function. 

<img src='https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExejlueGZseHhmN2lodTBmcTZpZWN3bmZ2czY4OWh3cXg4ZXA4M3BiYyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/Xjo8pbrphfVuw/giphy.gif'/>

My app again gave me a bunch of notification. My computer was about to crash, the very second time 

<img src='https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExaDFnajgydGZ4b292aXBpZXlzd3I5cW9ieXZtcmZpY2ZtZncycWM0OCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/FBntprKrZtui3IQgJ6/giphy.gif'/>

It's ok I saved my dearest computer the second time and starting working on Tiny Little details such as the logo you are seeing right now

![Logo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qjmty2oby8zq4zm0akpy.png)

I made this using canva (_Honest_). After that I made the intro video for the app. Completed testing and responsiveness. Then, I deployed it to the web using firebase. Yeah broooooooo ! I made my freaking app, go check it out right now: [Citeal 2.0](https://citeal.firebaseapp.com)

## HOW TO USE THE APP

So, to use the app just click on the flag icon on the top bro. Then, simply enter the minutes and you get a notification after the particular time you entered regularly. Suppose, Every 5 minutes. I am using this app right now writing this post and it is really motivating ( trust me guys)

## Last words

This app took about 10 days to make and most of the time I was designing the app. I was really happy with end product thank you guys, you were supporting in all times. It is really motivating ( more than my app 😊)

## SHOUTOUT

Lastly, I wanna tell you guys I reached **1K followers in just 2 weeks 🙀**. I am really grateful to you guys especially:

My first three followers:
1. @gowley_tizie_0b91cd8a9a2c (**_You were the one who inspired me to post on dev.to_**)
2. @mayank5515 
3. @joel_roy8140 

My 1000,999,998 followers:
998) @claudiadejesusdantas 
999) @dino2328 
1000) @footroot (**_Thank you very much. I waited at 999 for so much time_**)

Read, follow and comment to get shoutout like this. Random shoutouts  regularly every week 😃.

Thank you, all those who followed thank you so much !!!!

## CHECK OUT [CITEAL](https://citeal.web.app) 👋

##THANK YOU FOR READING