Projects

🧑🍳 RecipesAI made with Next.js, AI SDK, Tanstack Query, Clerk, Neon, Prisma, TypeScript and shadcn/ui
Authenticated user can generate 4 recipes based on the inputed ingrediants. Newly generated recipes can be viewed and added to multiple collections (default 'Favourites' and newly created ones). If recipe is unsaved from collection and it is not part of other collections then it is deleted, also when collection is deleted all recipes from that collection that are not part of other collections are deleted.









🏡 Property rentals made with Next.js, shadcn/ui, Cloudinary, Prisma, Neon and Clerk
Unauthenticated users can filter, sort and search through all listings and view users data and listing's details. Authenticated users can add, edit, delete listings and edit and delete own profile and account info. Data is stored on NeonDB through Prisma and images are uploaded and stored on Cloudinary. Location is geocoded and shown on Leaflet map, with external 'View on Google Maps' link.











#️⃣ AI Instagram hashtag generator made with Next.js 15, AI SDK (llama-3.3), Clerk, shadcn/ui, Tailwind, TypeScript and with PWA support
AI Instagram hashtag generator made with ⚡ Next.js 15 and 🤖 AI SDK (llama-3.3), that lets user that is authenticated through Clerk to generate up to 30 hashtags based on the topics provided, with 3 type selection and to refetch the data with already applied filters.







🤖 AI Chat made with Next.js 15, AI SDK (llama-3.3), shadcn/ui, Tailwind and TypeScript
AI Chat made with⚡Next.js 15 and 🤖 AI SDK (llama-3.3), with scroll animations, copy to clipboard, syntax highlighting, like and dislike buttons and dark mode.





Dockerized Nest.js, GraphQL, Prisma, PostgreSQL and nginx Recipes API with JWT Authentification 🔐
🐋 Dockerized 😺 Nest.js,🕸️ GraphQL,🔷 Prisma,🐘 PostgreSQL,🌐 nginx Recipes API with 🔐 JWT authentification,📃 recipes and 👤 user management, and 🔎 search functionality 🤗








Next.js 14 and Laravel Tasks CRUD Dashboard app with Laravel Sanctum auth , NextUI, Zod, Formik, Tailwind and TypeScript 🤗
Tasks CRUD Dashboard with 🔐 authentification made with ⚡ Next.js 14,🌟 Laravel,🖌️ NextUI,📋Formik,🛡️ Zod,🌬️ Tailwind CSS and 📃TypeScript.








Dockerized Nest.js, Prisma, PostgreSQL and nginx Blog Posts API with JWT Authentification 🔐
🐋 Dockerized 😺 Nest.js, 🔷 Prisma, and 🐘PostgreSQL Blog Posts API with 🔐 JWT authentification , 📃posts and 👤 user management, 📑 pagination and 📜 Swagger documentation 🤗








Vue.js 3, Inertia.js, Laravel and PrimeVue Task Dashboard with Laravel Breeze Auth 🔐
Task CRUD dashboard with client side pagination, searh and sorting, made with Vue.js 3, Inertia.js, Laravel, PrimeVue and Laravel Breeze.






Laravel CRUD API with 🔐 User Authentification, 🧪 Unit Tests, 🗄️ DB seeding and Swagger Documentation 🐘
Laravel Tasks CRUD API with atuhentification, search functionality, DB seeding, unit tests and Swagger documentation.



💵 Currency converter app made with Next.js, TypeScript, shadcn/ui, Tailwind CSS, ExchangeRate-API and with PWA support
Currency converter app made with Next.js, TypeScript, shadcn/ui, Tailwind CSS and ExchangeRate-API where user can convert currency from one to another,switch currencies, reset to initial values, refetch exchange rate, see the current exchange rate and when the exchange rate is last updated.





🔄 Image Format and Size Converter developed with Next.js, TypeScript, shadcn/ui, Tailwind CSS and with PWA support
Image Format and Size Converter developed with Next.js, TypeScript, shadcn/ui & Tailwind CSS where user can upload image, convert to different formats and different sizes (fixed presets [maskable included] or custom), select image quality, see the reduced or increased image size (depends on selected format) and download converted image with appropriate naming.





🖼️ Image Compression Optimizer developed with Next.js, TypeScript, shadcn/ui, Tailwind CSS and with PWA support
Image Compression optimizer developed with Next.js, TypeScript, shadcn/ui, Tailwind CSS where user can upload image, compress image size, select image quality, see the reduced image size and download compressed image.





3D Model Configurator created with Unlimited3D, React, TypeScript, Tailwind and Vite
3D Model configurator for suitcase with body, handles, wheels and corners colors configurator, and animations like open/close, wheels spinner and extend/retract handle, created with Unlimited3D, React, TypeScript and Tailwind.




![Next.js 14 and Tailwind CSS Flower Shop (Shopify's Fewor shop clone) [IN PROGRESS]](/images/projects/flower_shop_cover.jpg)
Next.js 14 and Tailwind CSS Flower Shop (Shopify's Fewor shop clone) [IN PROGRESS]
Shopify's Fewor shop clone made with Next.js 14, TypeScript, Tailwind CSS and daisyUI. Project is stll in progress.




MERN + TypeScript authentification app with refresh token logic
MERN stack authentification app with refresh token logic that uses TypeScript for type checking, JWT for generating and verifying tokens, Redux Toolkit for state management and daisyUI for UI.







MEVN + TypeScript authentification app with refresh token logic and unit tests
MEVN stack authentification app with refresh token logic that uses TypeScript for type checking, JWT for generating and verifying tokens, Pinia for state management, daisyUI for UI and Vitest for unit testing.







MERN and GraphQL CRUD Dashboard App
Users dashboard app made with React.js, Context API, MUI, GraphQL, Node.js, Expres.js and MongoDB. Admin can view all or individual user, add, edit or delete user.








PHP CRUD dashboard with daisyUI, Tailwind and MySQL
User's dashboard with CRUD functionality created with PHP, daisyUI, Tailwind CSS and MySQL.


Vue 3 & GraphQL Rick and Morty Characters
Rick and Morty characters app with pagination made with Vue 3 Composition API, Tailwind CSS, GraphQL and TypeScript.




MEAN and Bootstrap 5 CRUD Dashboard App
Users dashboard app made with Angular, Node.js, Express.js, MongoDB, Bootstrap 5 and TypeScript.Admin can view, add, edit or delete user and also search for users.





MEVN and Quasar CRUD app with JWT Authentification
Dashboard panel with authentification made with Vue.js 3, Quasar, Express.js, MongoDB, Pinia and JWT. User can read, create, edit and delete his todo items, toggle dark mode and delete own account.






Nest.js and MongoDB CRUD API
CRUD Rest API made with Nest.js that also contains Swagger documentation. Admin can view all or individual user, create new, update existing user, delete existing user (soft delete), and also there is a pagination.





Express.js countries and cities API
Populating DB with a script with data from CSV file. Authorization with JWT and protected routes logic with is implemented. Authorized user can search for countries and cities by any parameters. Based on selected country user can get two cities with the shortest and two cities with the longest distances calculated with haversine formula.




React.js and FastAPI CRUD App
Users dashboard app made with React.js, Python, FastAPI, MySQL, Redux, React-Bootstrap.Admin can view, add, edit or delete user and also search for users.





Digital Agency website made with WordPress and Elementor
Digital Agency website made with WordPress and Elementor. Website have 4 pages: home, about, services and contact.


Next.js, Strapi.io, TypeScript and React-Bootstrap restaurants blog
Restaurants blog made with Next.js, React-Bootstrap, TypeScript and fetching data fromt the API that is generated with Strapi.io. User can view all blogs, individual blog, reviews and reviewers pages and select blog by category




Nuxt.js 2, Strapi.io, TypeScript and BootstrapVue restaurants blog
Restaurants blog made with Nuxt.js(staticly generated), BootstrapVue, TypeScript and fetching data fromt the API that is generated with Strapi.io headless CMS.On home page user can see all blogs, also user can see individual blog and select blog by category. User can see blog reviews and see reviewers profile pages.



MERN & Bootstrap CRUD App
Users dashboard app made with React.js, Node.js, Express.js, MongoDB, Redux and Bootstrap 5.Admin can view, add, edit or delete user and also search for users.






MEVN CRUD App
Users dashboard app made with Vue.js, Node.js, Express.js, MongoDB, Vuex and Bootstrap 5.Admin can view, add, edit or delete user, search for users and export users in CSV files.






React.js Rick & Morty Characters app
Rick and Morty characters app with pagination and search characters field made with React.js, Bootstrap 5, Context API and CSS modules.

Nuxt.js Breaking Bad app
Breaking Bad and Better Call Soul staticly generated app with characters card's info.


Python Web Scraper
Python Web Scrapper made with bs4 that scrapes website and saves the data (url, h1, title, description) in CSV file using pandas.

Vue.js, Flask-RESTful, MySQL and Bootstrap CRUD app
Users dashboard app made with Vue.js, Python, Flask-RESTful, MySQL, Vuex and Bootstrap 5. Admin can view, add, edit or delete user, search for users and export users in CSV files.






Flask and MySQL CRUD app
Users dashboard app made with Python, Flask, MySQL, Bootstrap 5 and Flask's Jinja templates. Admin can view, add, edit or delete user, search for users and export users in CSV files.




Vue.js, Nest.js and Microsoft SQL Server CRUD App
Users dashboard app made with Vue.js, Node.js, Nest.js, Microsoft SQL Server, Vuex and Bootstrap 5. Admin can view, add, edit or delete user, search for users and export users in CSV files.







Vue.js Spring Boot and MySQL CRUD app
Users dashboard app made with Vue.js, Java, SpringBoot, Microsoft SQL Server, Vuex and Bootstrap 5. Admin can view, add, edit or delete user, search for users and export users in CSV files.






Vue 2 Current weather app
Weather app made with Vue.js 2. User can search for the city and get the weather data. User also have filters to display the metrics in Celsius or Fahrenheit digreees, or Kelvin, and also dark mode toggle switch.

