An canva clone created using Nextjs and Typescript. Used Cloudinary for AI tasks. Built this as a side project for learning purpose, will make it a fully fledged product soon. Here I mainly focused on learning how SaaS Products are build from scratch and payments are integrated.
Vite
Next.js
TypeScript
Zod
Tailwind CSS
ShadCn
Mongo DB
Mongoose
Stripe
Cloudinary
Clerk
Here's what you can do with thinkAI:
- Select from various options of transforming your image: You have Generative fill, Object Recolor, Object Removal etc. Pick one and start transforming.
During this project, I've picked up important skills and a better understanding of complex ideas, which improved my logical thinking.
- Implement Dark Mode
- Implement RazorPay
- Add More AI Features
- Implement Loaders for download file, initial app load
To run the project in your local environment, follow these steps:
- Clone the repository to your local machine.
- Run
npm install
oryarn
in the project directory to install the required dependencies. - Run
npm run start
oryarn start
to get the project started. - Open http://localhost:5173 (or the address shown in your console) in your web browser to view the app.
- Make sure to go through env_example file for all the required env variables