Cartoonify

Cartoonify transforms photos into animations with GANs. Powered by Next.js & TailwindCSS for an intuitive UI, our backend uses Django & REST, all optimized by Nginx.

Comment

Inspiration

We've always thought photos could be more fun. With some coding and design skills under our belts, we figured, why not make photos come to life?

What it does

Cartoonify takes a normal photo you upload and makes it animated. It's not magic, it's good old GAN technology doing its thing.

How we built it

The frontend is all Next.js and React, styled up with some TailwindCSS. For the backend, we used Python and Django, and the REST framework for handling the data stuff.

Challenges we ran into

Getting the frontend and backend to talk to each other was tougher than we thought. Also, GANs are resource hogs, so getting it all to run smoothly was a challenge.

Accomplishments that we're proud of

Honestly, just getting the whole thing to work was a big win for us. Learning new tech along the way was the cherry on top.

What we learned

We figured out how to build a full-fledged website and connect it to a backend, which was new for us. We also got a crash course in HTTP requests and GANs.

What's next for Cartoonify

We're thinking of adding more models to get different animation styles. Maybe even let users customize their animations a bit more. If we had more time, we could've added a gallery to display images that are shared by people who use Cartoonify. Also add more to the homepage and make sure the backend is stable with the frontend.

How to run the website if its not deployed

Download website from https://github.com/owenl0000/Cartoonify-Website then do npm run dev if you have node.js installed with Next.js and tailwindcss.

Built With

Share this project:

Updates