AddSkill Hackathon Experiences

Lavi kushwaha
3 min readDec 12, 2020

This hackathon was organised by AddSkill team it was on web development using javascript, HTML, CSS.

Task 1 :- Design a front-end page where we can upload a text file and when we clicked on upload button it show all content in a given text area.

Approach :- Think when you never worked on a tech and suddenly you have to. Then always be think positive and open your ide and start doing what ever is coming on your mind this way automatically you will get the idea and your mind also think about the approach at end of you will be able to solve that problem. Hackathon is the best way to learn more because you don’t know the what’s going to happen it’s unpredictable. You will learn a lot and that will make you exciting.

Task 2 :- This was the very exciting where we have mark all wrong word with a highlighter and when you right click on that word that will show you drop-down that give you all correct suggestions for the wrong word when you click on suggested word that will replace the wrong word with the same.

Now days every one have the theoretical knowledge of the all domain but when you face a real life issue and you are able to solve that problem that mean’s you are on the right track.”

Task 3 :- Deploy it on heroku.

Approach :- I was so excited for this challenge when you are a new learner and you worked on real-life issues .

(a) :- I learned async-await from (moodle) to fetch data and i did practical use of the concept how fetch is working and the role of async-await using these concept i get the data from textgears (API).

(b) :- After that second issue was how to process data when you are able to fetch your all data from (API). I take lot of help from the moodle for this it was so help full for me.

(c) :- This is the last step where i was stuck how to make drop-down when user will right click on words and how i will replace the word with the selected suggestion but from slack the by the help of mentor i was able to crack that it was very interesting to update innerHtml according to new suggestions.

(d) :- Finally task was completed and i deploy the code on heroku i was deploying first time it is friendly.

I learn a lot from this hackathon the experience was so exciting me it was excellent learning “Thank you team AddSkill”.

https://github.com/ravi3011/addskils

https://www.linkedin.com/in/ravi-kushwaha-07584a144/

--

--