Gyanex

Home Page
Extract from PDF Page
Revealing Flashcard
Extract from Website Page
Convert to PDF Page

Inspiration

Got inspiration from on hand flashcards and thought about making instant flashcards for students with or withouth AI. I know students have lots of study material and no time to prepare sometimes and this tool is something which helps them prepare like flashcards.

What it does

It has 3 main features, First is you can upload a .PDF to the "Extract from PDF" option, where is smartly takes the text from the .PDF and presents the user with flashcards. This Flashcards are like fill in the blank questions which has answer or missing word behind the card and also gives a search on google option besides the answer if they are confused about the term. Very usefull for students .

Secondly, it has extract from website option where you usually can put any infromation related website link but it has been designed to work with websites like Wikepedia. You paste a Wikepedia link and it gets all the information like headings and titles from the page so user dont have to scroll and know if the topic exists and saves time, and an additional feature I was working on which if clicked on the titles it extracts information from that title on that page and presents to user. And same as before it has a search icon which can be clicked and a quick google search about the term can be done with one click.

Lastly, it has a convert to .PDF option where user who wants to take notes during class or has a diffrent text and want to just convert that to a .PDF or to make a .PDF so that they can put on the "Extract from PDF" option. This allows a quick way for user to make text to pdf with no multiple process. Quick and easy.

In the end, not to forget about interactive and very simple design which is easy to use. A small feature I also added was on the Home Page where a set of eyes follow the mouse cursor and they squeeze the eyes when near any button on hokme screen.

How I built it

I used REACT, Node.js, Tsseract.js, Compromise.js, pdf.js.

Challenges I ran into

There were many challenges, but the one I think was most important was, that I wanted to implement an AI which would have made this web app more powerfull but lack of APIs and errors related to APIs at last minute made me leave that idea and work withouth an API. As I realized having a trial version of GPT or Google API will still be an issue as I dont have any extra caps after free trial is used by users and the service is not available.

Accomplishments that I am proud of

I was able to make the whole React based App on matter of some hours and was able to complete the desired plan for the App. Apart from that it was cool to see that it can extract sentences and make a question for Flashcard and present in a neat way most of the times.

What I learned

I learned about new libraries and features we can use with REACT such as pdf.js, Tesserect.js, and Compromise.js, and also how to use that to extract text from .pdf .

What's next for Gyanex

To implement with AI models to make ti more powerful so students get more tools to study with and also a feature where you upload any document and it makes flashcards out of it . Apart from that, also implement AI in the Topics that the app extracts from any website and gives a summary on that withouth leaving the App, whcih would be amazing and a time saver for students.

...