DEV Community: Kaku-g

Amplify-Gallery

Kaku-g — Sun, 26 May 2024 18:44:19 +0000

This is a submission for the The AWS Amplify Fullstack TypeScript Challenge

Introduction

Amplify-gallery is an online photo-sharing app that leverages AWS Amplify's data,storage & authentication .
User can upload photos after authentication & share them to other users.

Demo and Code

Here you can find the github repo for the reference:
I have used AWS Amplify vite starter template for bootstrapping the app.
Code

Live Website

Integrations

I have used AWS Amplify's authentication, data & storage for building tis gallery. Additionally I have used MUI as frotendnlibrary and toastify for providing notifications.

Connected Components and/or Feature Full

Screenshots

Photo-Gallery

Authentication Page

Future Updates

Amplify's Lamda functions to make it an intelligent photo sharing app that utilizes cloud space. It will automatically compress the less accessed photos & will timely keep track of the compressed & uncompressed files.

React-Analytics

Kaku-g — Thu, 20 Jul 2023 18:03:11 +0000

What I built

I built a library that tracks the analytics of your react-website. Easy to use with a single line of code. Dashboard is built using Refinedev and supabase as data provider. Library is hosted in the npm registry.

Category Submission:

Best Overall Project
Most Visually Pleasing
Most Technical Impressive
Best Project built using Supabase as the main data provider for the refine app.

App Link

Visit the live app here Website

Screenshots

Description

I built a library that tracks the analytics of your react-website. Easy to use with a single line of code.
I have been building apps using react , but was unable to find free and simple analytics tool for the website. So tried using building a library of my own. Just install the library signin to the app get your unique id and start using it in your react app.

Link to Source Code

The app is open sourced on github View code

Permissive License

The app is opensourced under Apache license.

Background

I have been building apps using react , but was unable to find free and simple analytics tool for the website. So tried using building a library of my own.

How I built it (How did you utilize refine? Did you learn something new along the way? Pick up a new skill?)

I used React+typescript ,refine and supabase as a data provider.
I came across refine and supabase during this hackathon and for the first time I learned them by building this app. Also used Vite in this app which was also new for me. Learned a lot of things.It was challenging yet exciting journey.

Additional Resources/Info

Refine
Supabase
npm library:View

AI-Pdf Summarizer

Kaku-g — Sat, 20 May 2023 05:51:48 +0000

What I built ?

So, with AI tools spreading like a fire with the advent of Chat-GPT. I thought to make one app myself but ' without using OpenAI's api ' as it is not econmically feasible for longer tasks. So I decided to move forward with HuggingFace model which is open source and can be integrated easily with python.

Category Submission:

The app is part of Dev X Github hackathon under the category
" Wacky Wildcards "

App Link

The app is deployed on Web
Can be setup locally by cloning the repo

Screenshots

Description

So lets talk about how to use the app or What else are we waiting for! . The app takes in PDF as an input from the user and produces
the summary of the pdf in output as PDF. It is built using hugging face pre-trained model which is implemented using transformers.
The web app is built using flask (a python framework) and various libraries for working with PDF. The app speed can be improved further by using the capabilities of GPU present in our system. So running the app on machines having GPU, speeds up the process.

How to install Locally?
The app can be installed locally by following the instructions given in the github repo which can be found below.

Link to Source Code

The source code can be found on Repo

Permissive License

The repository/app comes under MIT License.
For more information about the license you can visit License

Background story :)

So I had my exams and I needed to read the whole PDF, but due to the time constraint it was not feasible to cover whole document in one sitting so decided to make an app for summarizing the contents of PDF ;) .As most of the tools I found on the internet were paid and the results were not promising, so I thought to give it a try.

How I built it <></>

It was built using hugging face transformer model, so learned to implement it using python, also worked with PDF files using various libraries. Learned flask along the way as my primary working stack was MERN. Most of the things were new and I had to overcome many challenges, but it was worth it :). Overall it was an exciting and fun experience to work on such a project.
The github actions was used to check all the requirements and the code by creating tests on every push. So continuous testing and integration was implemented using that.
Codespaces was used to run the code on the cloud using ubuntu VM, and to test the required changes quickly wihtout going through the code editor again & again.

Additional Resources/Info

Huggingface model for text summarization

Github actions

Github codespaces

PS- The app can still be improved a lot on design and performance basis, so feel free to create and raise the pull request. Keep coding.