stardance has been extended another month! the new deadline is october 31 :)

You are browsing as a guest. Sign up (or log in) to start making projects!

LightScanner

  • 9 Devlogs
  • 20 Total hours

The idea is to create a simpler and lighter alternative for apps like Camscanner. You can easily upload your images, apply a filter, and convert them to a PDF file by accessing a website without filling up your storage with new apps. Additionally for desktop, Lightscanner offers the features you would see in mobile scanner apps. With Lightscanner, you’re still able to convert your images into scanned-like PDFs with your laptop or PC. The app also works if you want to simply convert images to normal PDF without filters, similar to ILovePDF.

Ship #2 ✨ Blessed

Okay so here it comes new version for Lightscanner web app!

After my friends using it for a while, they gave me a feedback saying it would be great if it has a ‘fit to page’ option for the page size. This way, the user wouldn’t have to go through complicated process on zooming in the pictures or trying different page sizes when it is not needed. This one was kind of challenging to pull because it means I also need to change a little bit parts of my FastAPI backend.
Additionally I’ve also added custom page sizing so that the user can use whatever page size they want! My mom also needs this for her photocopy and printing tasks so I made it.

Another feature is also we will be able to rename our files before downloading, would be helpful for mobile devices where the prompt asking something like the name file just doesn’t pop up.

Then a day later I also added print preview feature or PDF preview feature. Say I’ve added 25 images and have cropped and zoomed each one then I want to do a rechecking. So Instead of doing it per images which could be harder and complicated, I’ve added a feature where the user will be able to check the entire PDF file with a single click.

I took my time to draw more Nyny. Because so far there’s only three drawings of her, so let’s add one more! Basically Nyny now hangs on top of some modal interfaces. I used google meet to record my Lapse when drawing on Ibis Paint.

  • 2 devlogs
  • 4h
  • 17.93x multiplier
  • 91 Stardust
Try project → See source code →
Open comments for this post

2h 19m 23s logged

NEW FEATURE AND NEW SPRITE

  1. Now before downloading, users will be able to see the preview of their PDF file based on the page sizes and orientation that they are choosing.
  2. More Nyny! New additional Nyny sprite where she ‘hangs’ around the modal user interface
  3. Touch particle effect, for the vibe and polishing
0
0
19
Super Star

As a prize for your great work, look out for a bonus prize in the mail :)

Open comments for this post

1h 56m 15s logged

NEW FEATURES!

I’ve received feedbacks from my friends, so for this project I’ve added

  1. Fit-to-page sizing where the PDF will follow the original page size/ratio
  2. Custom sizing, users can now input any sizes to their liking. Min. 10 cm and Max. 60 cm
  3. Before downloading, users would be able to change the file name
0
0
15
Ship #1

HI!! So this is my project, Lightscanner!

A simpler, lighter alternative for CamScanner or any other image-scanning mobile app. And an image-to-PDF converter like ILovePDF but with built-in filters!

It’s been a while since I’ve coded with both Next.js and FastAPI, and here we are! When it comes to developing any web app-related projects, these two always come to my mind first.

The reason why I made this project was funny honestly. So my mom and I lived in Indonesia, and she has this small photocopy and printing business. Almost everyday, there’s a lot of customers that want to print documents that were directly captured from the camera. There are lots of issues, for example, resolution issues; the pictures don’t match the ratio for the paper size and orientation; and then in my place, not everyone was able to operate a PC and use Microsoft-related tools or GDocs.

There are tools like Ms. Words, but my mom can’t operate it well, and so do the customers sometimes. Then apps like Camscanner feel laggy and filled with ads. This is why I made Lightscanner!

I’ve testes this web app. My friends also used it for their assignments. When there’s handwritten homework or assignments and the teacher told us to send the pictures to Google Forms in the form of PDF, my friends tried to use this web app, and it worked.

As for my mom, she said she was able to use this app and so far enjoys it. Because it is much faster and simpler.

So if you want to test my project, find any pictures and try to convert them into PDF files. Try to experiment with the options!

I think making usable web apps like this is something that I am proud of! Also new OC!!!! Although she only like has two inconsistent sprites lol.

I think the challenging part wasn’t coding the UI or the API but rather coding using Pillow because I wasn’t that familiar with image processing stuff! SO THIS IS MY PLACE TO LEARN!.

  • 7 devlogs
  • 16h
  • 14.56x multiplier
  • 230 Stardust
Try project → See source code →
Open comments for this post

23m 18s logged

GITHUB IS READY!!

Updated BOTH READMEs FOR BOTH REPOS!! New screenshots also added, alongside the tutorial how to run the project locally!

0
0
19
Open comments for this post

27m 59s logged

Deployment test

The app has been shipped.

  1. Next.js app on Vercel
  2. FastAPI server on FastAPI cloud

I’m gonna try to test the web app on different devices first before proceeding to write README.md!

0
0
5
Open comments for this post

1h 35m 44s logged

API KEY

Since the client uses Next.JS and the backend uses FastAPI, I added more security layer to prevent another app from accessing the web.

0
0
18
Open comments for this post

5h 38m 58s logged

Image Upload Mechanism

Here are new updates for LightScanner

  1. I’ve implemented the drag and drop menu so that users would be able to easily upload their images. Up to 10 MB, max 25 imager per batch.
  2. Users will be able to choose the paper size and page orientation to their liking 
  3. In this web we can also crop and zoom the image directly
  4. For mobile, user will be able to capture the pict of their document or anything on camera
  5. Added an errorboundary to handle images that cannot be decoded especially on mobile.
0
0
16
Open comments for this post

4h 5m 55s logged

Updated homepage for my Image-to-PDF site.

I’ve added animated checker backgrounds with some paper texture so it wouldn’t feel too bland. As well as animated the text
Also made a new oc as the guide/mascot for the web app too lol.

Still omw to implement shimejii like character on the homepage.

0
0
3
Open comments for this post

1h 38m 53s logged

LightScanner Time

I have an idea to create my own version for Image-to-PDF site similliar to ILovePDF and CamScanner. I’ve finished the set up for the web app, and done with importing fonts and added new color theme

0
0
8

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…