Skip to main content
HashnodeAkash Srinivasan's Blog

Command Palette

Search for a command to run...

Hashnode Hackathon (2024)

My first open source contribution

Published
•1 min read•View as Markdown
Hashnode Hackathon (2024)
A
Akash Srinivasan

Hello, fellow developers for the disclaimer this blog is not AI-generated 😅, I am Akash Srinivasan, and am excited to share my new hackathon project submitted for the Hashnode hackathon.

Demo Video

https://youtu.be/dfUqQvJ2V1Y

What I Learnt ??

I have learned about various things such as codegen, radix ui, tailwind merge, framer-motion's page transitions & many more & I really hated the process of debugging not gonna lie

Tech Stack Utilized:-

  1. Next.js (The Industry Standard Framework For React)

  2. SCSS & Tailwind (CSS Preprocessor & Library)

  3. framer-motion (GSAP's father for working in react)

  4. Swiper.js (The library who showoffs a lot of images using slideshow)

  5. Google translate API (Got the cracked version 😂) using URL params in the real Google Translate website

  6. Datamuse API for synonyms (some FREE STUFF)

  7. Twak.js Package (some more FREE STUFF)

  8. Plus all the existing libraries utilized in the project

Features:-

  1. Modern, Clean & Sleek UI/UX Principles with Smooth Animations

  2. Language Translation For The Blog

  3. In Built Dictionary

  4. Cool Page Transitions

  5. In Built Audio Book (Blog Reader)

  6. ChatBot

  7. In Built Quizzes at the end of the blog

  8. Code Previewer

#APIHackathon #opensource #OSS

#hashnodehackathon#apihackatho#api-hackathon#opensource#apihackathon#adahackathon

Comments (3)

Join the discussion
A
Admax2y ago

i enjoyed reading this !

1
A
Akash Srinivasan2y ago

Thanks ❤

1
F
Favourite Jome2y ago

Hello Akash Srinivasan, your submission is really good and I admire the effort you must have put into completing the project and also making the demo videos. Amazing work!

However, I wish you had shared more light on how you went about building the project, and the challenges you might have faced while building. The article writeup also carries some points and not just the project alone, you can see the evaluation criteria here: https://hashnode.com/hackathons/apihackathon

Also, it would have been nice if you had provided a link for us to view the project.

But still, you've got a great submission, thank you for participating.

3
A
Akash Srinivasan2y ago

Noted will implement these in my next hackathon x hashnode

2
S
Shamitha Reddy Regenti2y ago

very thoughtful!

2
A
Akash Srinivasan2y ago

Thanks for noticing 💖

1

More from this blog

Akash Srinivasan's Blog

8 posts

A high schooler, YouTuber, blogger, teacher, freelancer, full stack web developer, hybrid app developer, Android app developer, data analyst, web scraping engineer, innovator, video and photo editor.