Nikola Ivanović
Home
Projects
Contact
PWA Hiking Competition App used on Regional Hiking Action - Scan QR Codes on trail and get badges and points with realtime data, notifications and offline mode sync

PWA Hiking Competition App used on Regional Hiking Action - Scan QR Codes on trail and get badges and points with realtime data, notifications and offline mode sync

PWA Hiking Competition App that was used on official regional hiking action organized by the local hiking club that is part of Mountaineering Associat...

Next.js icon
React.js icon
Supabase icon
shadcn/ui icon
TypeScript icon
Tailwind icon
Vercel icon
PWA icon
Demo Coming Soon
PWA Hiking Competition App used on Regional Hiking Action - Scan QR Codes on trail and get badges and points with realtime data, notifications and offline mode sync

PWA Hiking Competition App used on Regional Hiking Action - Scan QR Codes on trail and get badges and points with realtime data, notifications and offline mode sync

PWA Hiking Competition App that was used on official regional hiking action organized by the local hiking club that is part of Mountaineering Association of Serbia. After user is authetnicated, user can pick up their team, and they can collect badges and get points in the name of that team. Multiple users can represent one team. User can scan code on trail or enter code manually. After badge is collected, other users will be notified that the other team collected badge, how many points they scored and also they will be notified if leaderboard changed and if other team moved to different place (they will get gold/silver/bronze toast message based on the place they took, or purple one for other places). Also they will get notification if theier team scored. The leaderboard is updating in real-time, and also if app is minimized and other app used on phone more then 5 seconds, when user gets back this is detected and new data is fetched, so that data is always fresh. Also there is refresh button that refreshes all data with cooldown of 30 seonds. Also there is possibility of using the app offline. User needs to refresh the page so all the resources are cached, and the data is saved locally. Also when user turns off mobile data, app detects this and shows indicator that the user is in offline mode, and when user collects the badge in badges section, next to collected badge there is offline indicator that the badge is collected offline. After user gets back online the data is synced and updated. If multiple users collected same badge offline (online this is not possible, because after one team member collects the badge, that badge is unavaible for scanning), the data is synced and updated with best time of collecting the bage (earliest). So if one user collects badge 2 minutes after first user, and is first to go online, that is the timestamp that is going to be saved in the DB, but after other user gets online, the time of collected badge is checked and if this user's time is better then the timestapt in the DB, then its updated with that timestamp. Every badge have specific points and rarity. The calculation and determination of winner and what place the team will take is based on points and the time the badges are collected. There are totally 12 badges and 434 points. There is dark mode and also there is details (trail-info) page about that trail, with description, Wikipedia text, images and stats (height, duration, length, type, difficulty and elevation).

Technologies Used:

Next.js iconNext.js
React.js iconReact.js
Supabase iconSupabase
shadcn/ui iconshadcn/ui
TypeScript iconTypeScript
Tailwind iconTailwind
Vercel iconVercel
PWA iconPWA
Demo Coming Soon
National Hiking Day in Serbia Event Page

National Hiking Day in Serbia Event Page

This project is a website for National Hiking Day in Serbia, organized by the Mountaineering Association of Serbia together with a local hiking club....

Next.js icon
React.js icon
shadcn/ui icon
TypeScript icon
Tailwind icon
Netlify icon
National Hiking Day in Serbia Event Page

National Hiking Day in Serbia Event Page

This project is a website for National Hiking Day in Serbia, organized by the Mountaineering Association of Serbia together with a local hiking club. The site provides visitors with a complete overview of the event and the broader value of hiking, featuring an about section on National Hiking Day, detailed information about the prepared trail with a Komoot-recorded route, and practical preparation and safety tips. It also includes galleries with photos from past events and images captured along the trail, offering participants a visual preview of the experience.

Technologies Used:

Next.js iconNext.js
React.js iconReact.js
shadcn/ui iconshadcn/ui
TypeScript iconTypeScript
Tailwind iconTailwind
Netlify iconNetlify
🧑‍🍳 RecipesAI made with Next.js, AI SDK, Tanstack Query, Clerk, Neon, Prisma, TypeScript, shadcn/ui and with PWA support

🧑‍🍳 RecipesAI made with Next.js, AI SDK, Tanstack Query, Clerk, Neon, Prisma, TypeScript, shadcn/ui and with PWA support

Authenticated user can generate 4 recipes based on the inputed ingrediants. Newly generated recipes can be viewed and added to multiple collections (d...

Next.js icon
React.js icon
AI SDK icon
Tanstack Query icon
Clerk icon
Neon icon
Prisma icon
shadcn/ui icon
Zustand icon
Zod icon
TypeScript icon
Tailwind icon
Vercel icon
PWA icon
🧑‍🍳 RecipesAI made with Next.js, AI SDK, Tanstack Query, Clerk, Neon, Prisma, TypeScript, shadcn/ui and with PWA support

🧑‍🍳 RecipesAI made with Next.js, AI SDK, Tanstack Query, Clerk, Neon, Prisma, TypeScript, shadcn/ui and with PWA support

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). User can search and sort through collections and recipes with paginated results. 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.

Technologies Used:

Next.js iconNext.js
React.js iconReact.js
AI SDK iconAI SDK
Tanstack Query iconTanstack Query
Clerk iconClerk
Neon iconNeon
Prisma iconPrisma
shadcn/ui iconshadcn/ui
Zustand iconZustand
Zod iconZod
TypeScript iconTypeScript
Tailwind iconTailwind
Vercel iconVercel
PWA iconPWA
🏡 Property rentals made with Next.js, shadcn/ui, Cloudinary, Prisma, Neon and Clerk

🏡 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, d...

Next.js icon
React.js icon
Clerk icon
Cloudinary icon
Neon icon
Prisma icon
shadcn/ui icon
Tailwind icon
TypeScript icon
React Hook Form icon
Zod icon
Zustand icon
🏡 Property rentals made with Next.js, shadcn/ui, Cloudinary, Prisma, Neon and Clerk

🏡 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.

Technologies Used:

Next.js iconNext.js
React.js iconReact.js
Clerk iconClerk
Cloudinary iconCloudinary
Neon iconNeon
Prisma iconPrisma
shadcn/ui iconshadcn/ui
Tailwind iconTailwind
TypeScript iconTypeScript
React Hook Form iconReact Hook Form
Zod iconZod
Zustand iconZustand
#️⃣ 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, 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...

Next.js icon
React.js icon
AI SDK icon
Clerk icon
shadcn/ui icon
Tailwind icon
TypeScript icon
Vercel icon
PWA icon
#️⃣ 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, 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.

Technologies Used:

Next.js iconNext.js
React.js iconReact.js
AI SDK iconAI SDK
Clerk iconClerk
shadcn/ui iconshadcn/ui
Tailwind iconTailwind
TypeScript iconTypeScript
Vercel iconVercel
PWA iconPWA
🤖 AI Chat made with Next.js 15, AI SDK (llama-3.3), shadcn/ui, Tailwind and TypeScript

🤖 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 d...

Next.js icon
React.js icon
AI SDK icon
shadcn/ui icon
Tailwind icon
TypeScript icon
🤖 AI Chat made with Next.js 15, AI SDK (llama-3.3), shadcn/ui, Tailwind and TypeScript

🤖 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.

Technologies Used:

Next.js iconNext.js
React.js iconReact.js
AI SDK iconAI SDK
shadcn/ui iconshadcn/ui
Tailwind iconTailwind
TypeScript iconTypeScript
Dockerized Nest.js, GraphQL, Prisma, PostgreSQL and nginx Recipes API with JWT Authentification 🔐

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...

Nest.js icon
GraphQL icon
Prisma icon
PostgreSQL icon
TypeScript icon
JWT icon
Docker icon
nginx icon
Dockerized Nest.js, GraphQL, Prisma, PostgreSQL and nginx Recipes API with JWT Authentification 🔐

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 🤗

Technologies Used:

Nest.js iconNest.js
GraphQL iconGraphQL
Prisma iconPrisma
PostgreSQL iconPostgreSQL
TypeScript iconTypeScript
JWT iconJWT
Docker iconDocker
nginx iconnginx
Dockerized Nest.js, Prisma, PostgreSQL and nginx Blog Posts API with JWT Authentification 🔐

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...

Nest.js icon
Prisma icon
PostgreSQL icon
Swagger icon
TypeScript icon
JWT icon
Docker icon
nginx icon
Dockerized Nest.js, Prisma, PostgreSQL and nginx Blog Posts API with JWT Authentification 🔐

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 🤗

Technologies Used:

Nest.js iconNest.js
Prisma iconPrisma
PostgreSQL iconPostgreSQL
Swagger iconSwagger
TypeScript iconTypeScript
JWT iconJWT
Docker iconDocker
nginx iconnginx
The Landing Page Collection Showcase made with Next.js, shadcn/ui, Tailwind and TypeScript

The Landing Page Collection Showcase made with Next.js, shadcn/ui, Tailwind and TypeScript

The Landing Page Collection Showcase of Landing Page Examples made with Next.js, shadcn/ui, Tailwind and TypeScript

Next.js icon
React.js icon
shadcn/ui icon
Tailwind icon
TypeScript icon
Netlify icon
The Landing Page Collection Showcase made with Next.js, shadcn/ui, Tailwind and TypeScript

The Landing Page Collection Showcase made with Next.js, shadcn/ui, Tailwind and TypeScript

The Landing Page Collection Showcase of Landing Page Examples made with Next.js, shadcn/ui, Tailwind and TypeScript

Technologies Used:

Next.js iconNext.js
React.js iconReact.js
shadcn/ui iconshadcn/ui
Tailwind iconTailwind
TypeScript iconTypeScript
Netlify iconNetlify
Next.js 14 and Laravel Tasks CRUD Dashboard app with Laravel Sanctum auth , NextUI, Zod, Formik, Tailwind and TypeScript 🤗

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.

Next.js icon
React.js icon
PHP icon
Laravel icon
NextUI icon
Formik icon
Zod icon
Tailwind icon
TypeScript icon
Next.js 14 and Laravel Tasks CRUD Dashboard app with Laravel Sanctum auth , NextUI, Zod, Formik, Tailwind and TypeScript 🤗

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.

Technologies Used:

Next.js iconNext.js
React.js iconReact.js
PHP iconPHP
Laravel iconLaravel
NextUI iconNextUI
Formik iconFormik
Zod iconZod
Tailwind iconTailwind
TypeScript iconTypeScript
Vue.js 3, Inertia.js, Laravel and PrimeVue Task Dashboard with Laravel Breeze Auth 🔐

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.

Vue.js icon
Laravel icon
PHP icon
Inertia.js icon
TypeScript icon
PrimeVue icon
Tailwind icon
Vue.js 3, Inertia.js, Laravel and PrimeVue Task Dashboard with Laravel Breeze Auth 🔐

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.

Technologies Used:

Vue.js iconVue.js
Laravel iconLaravel
PHP iconPHP
Inertia.js iconInertia.js
TypeScript iconTypeScript
PrimeVue iconPrimeVue
Tailwind iconTailwind
Laravel CRUD API with 🔐 User Authentification, 🧪 Unit Tests, 🗄️ DB seeding and Swagger Documentation 🐘

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.

Laravel icon
PHP icon
Swagger icon
Laravel CRUD API with 🔐 User Authentification, 🧪 Unit Tests, 🗄️ DB seeding and Swagger Documentation 🐘

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.

Technologies Used:

Laravel iconLaravel
PHP iconPHP
Swagger iconSwagger
💵 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, 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...

Next.js icon
React.js icon
shadcn/ui icon
TypeScript icon
Tailwind icon
Vercel icon
PWA icon
💵 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, 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.

Technologies Used:

Next.js iconNext.js
React.js iconReact.js
shadcn/ui iconshadcn/ui
TypeScript iconTypeScript
Tailwind iconTailwind
Vercel iconVercel
PWA iconPWA
🔄 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 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...

Next.js icon
React.js icon
shadcn/ui icon
TypeScript icon
Tailwind icon
Vercel icon
PWA icon
🔄 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 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.

Technologies Used:

Next.js iconNext.js
React.js iconReact.js
shadcn/ui iconshadcn/ui
TypeScript iconTypeScript
Tailwind iconTailwind
Vercel iconVercel
PWA iconPWA
🖼️ 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 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...

Next.js icon
React.js icon
shadcn/ui icon
TypeScript icon
Tailwind icon
Vercel icon
PWA icon
🖼️ 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 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.

Technologies Used:

Next.js iconNext.js
React.js iconReact.js
shadcn/ui iconshadcn/ui
TypeScript iconTypeScript
Tailwind iconTailwind
Vercel iconVercel
PWA iconPWA
3D Model Configurator created with Unlimited3D, React, TypeScript, Tailwind and Vite

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 exte...

React.js icon
TypeScript icon
Tailwind icon
Unlimited3D icon
Netlify icon
3D Model Configurator created with Unlimited3D, React, TypeScript, Tailwind and Vite

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.

Technologies Used:

React.js iconReact.js
TypeScript iconTypeScript
Tailwind iconTailwind
Unlimited3D iconUnlimited3D
Netlify iconNetlify
Next.js 14 and Tailwind CSS Flower Shop (Shopify's Fewor shop clone) [IN PROGRESS]

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.

Next.js icon
React.js icon
TypeScript icon
Tailwind icon
daisyUI icon
Netlify icon
Next.js 14 and Tailwind CSS Flower Shop (Shopify's Fewor shop clone) [IN PROGRESS]

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.

Technologies Used:

Next.js iconNext.js
React.js iconReact.js
TypeScript iconTypeScript
Tailwind iconTailwind
daisyUI icondaisyUI
Netlify iconNetlify
MERN + TypeScript authentification app with refresh token logic

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 Toolki...

React.js icon
Express.js icon
Node.js icon
MongoDB icon
TypeScript icon
Redux icon
JWT icon
daisyUI icon
Docker icon
MERN + TypeScript authentification app with refresh token logic

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.

Technologies Used:

React.js iconReact.js
Express.js iconExpress.js
Node.js iconNode.js
MongoDB iconMongoDB
TypeScript iconTypeScript
Redux iconRedux
JWT iconJWT
daisyUI icondaisyUI
Docker iconDocker
MEVN + TypeScript authentification app with refresh token logic and unit tests

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 st...

Vue.js icon
Express.js icon
Node.js icon
MongoDB icon
TypeScript icon
Pinia icon
Vitest icon
JWT icon
daisyUI icon
Docker icon
MEVN + TypeScript authentification app with refresh token logic and unit tests

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.

Technologies Used:

Vue.js iconVue.js
Express.js iconExpress.js
Node.js iconNode.js
MongoDB iconMongoDB
TypeScript iconTypeScript
Pinia iconPinia
Vitest iconVitest
JWT iconJWT
daisyUI icondaisyUI
Docker iconDocker
MERN and GraphQL CRUD Dashboard App

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...

React.js icon
Express.js icon
Node.js icon
MongoDB icon
GraphQL icon
MUI icon
SASS icon
MERN and GraphQL CRUD Dashboard App

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.

Technologies Used:

React.js iconReact.js
Express.js iconExpress.js
Node.js iconNode.js
MongoDB iconMongoDB
GraphQL iconGraphQL
MUI iconMUI
SASS iconSASS
PHP CRUD dashboard with daisyUI, Tailwind and MySQL

PHP CRUD dashboard with daisyUI, Tailwind and MySQL

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

PHP icon
daisyUI icon
Tailwind icon
MySQL icon
PHP CRUD dashboard with daisyUI, Tailwind and MySQL

PHP CRUD dashboard with daisyUI, Tailwind and MySQL

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

Technologies Used:

PHP iconPHP
daisyUI icondaisyUI
Tailwind iconTailwind
MySQL iconMySQL
Vue 3 & GraphQL Rick and Morty Characters

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.

Vue.js icon
GraphQL icon
Tailwind icon
TypeScript icon
Netlify icon
Vue 3 & GraphQL Rick and Morty Characters

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.

Technologies Used:

Vue.js iconVue.js
GraphQL iconGraphQL
Tailwind iconTailwind
TypeScript iconTypeScript
Netlify iconNetlify
MEAN and Bootstrap 5 CRUD Dashboard App

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 sear...

Angular icon
Express.js icon
Node.js icon
MongoDB icon
Bootstrap icon
MEAN and Bootstrap 5 CRUD Dashboard App

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.

Technologies Used:

Angular iconAngular
Express.js iconExpress.js
Node.js iconNode.js
MongoDB iconMongoDB
Bootstrap iconBootstrap
MEVN and Quasar CRUD app with JWT Authentification

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...

Vue.js icon
Express.js icon
Node.js icon
MongoDB icon
Quasar icon
Pinia icon
JWT icon
Swagger icon
MEVN and Quasar CRUD app with JWT Authentification

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.

Technologies Used:

Vue.js iconVue.js
Express.js iconExpress.js
Node.js iconNode.js
MongoDB iconMongoDB
Quasar iconQuasar
Pinia iconPinia
JWT iconJWT
Swagger iconSwagger
Nest.js and MongoDB CRUD API

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, del...

Nest.js icon
Node.js icon
MongoDB icon
TypeScript icon
Swagger icon
Nest.js and MongoDB CRUD API

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.

Technologies Used:

Nest.js iconNest.js
Node.js iconNode.js
MongoDB iconMongoDB
TypeScript iconTypeScript
Swagger iconSwagger
Express.js countries and cities API

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...

Node.js icon
Express.js icon
MongoDB icon
Swagger icon
JWT icon
Express.js countries and cities API

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.

Technologies Used:

Node.js iconNode.js
Express.js iconExpress.js
MongoDB iconMongoDB
Swagger iconSwagger
JWT iconJWT
React.js and FastAPI CRUD App

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 us...

React.js icon
Bootstrap icon
Python icon
FastAPI icon
MySQL icon
React.js and FastAPI CRUD App

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.

Technologies Used:

React.js iconReact.js
Bootstrap iconBootstrap
Python iconPython
FastAPI iconFastAPI
MySQL iconMySQL
Digital Agency website made with WordPress and Elementor

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.

WordPress icon
Elementor icon
Digital Agency website made with WordPress and Elementor

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.

Technologies Used:

WordPress iconWordPress
Elementor iconElementor
Next.js, Strapi.io, TypeScript and React-Bootstrap restaurants blog

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 bl...

Next.js icon
Strapi.io icon
TypeScript icon
Bootstrap icon
Netlify icon
Next.js, Strapi.io, TypeScript and React-Bootstrap restaurants blog

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

Technologies Used:

Next.js iconNext.js
Strapi.io iconStrapi.io
TypeScript iconTypeScript
Bootstrap iconBootstrap
Netlify iconNetlify
Nuxt.js 2, Strapi.io, TypeScript and BootstrapVue restaurants blog

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 head...

Nuxt.js icon
Strapi.io icon
TypeScript icon
Bootstrap icon
Netlify icon
Nuxt.js 2, Strapi.io, TypeScript and BootstrapVue restaurants blog

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.

Technologies Used:

Nuxt.js iconNuxt.js
Strapi.io iconStrapi.io
TypeScript iconTypeScript
Bootstrap iconBootstrap
Netlify iconNetlify
MERN & Bootstrap CRUD App

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 f...

React.js icon
Express.js icon
Node.js icon
MongoDB icon
Redux icon
Bootstrap icon
MERN & Bootstrap CRUD App

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.

Technologies Used:

React.js iconReact.js
Express.js iconExpress.js
Node.js iconNode.js
MongoDB iconMongoDB
Redux iconRedux
Bootstrap iconBootstrap
MEVN CRUD App

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 an...

Vue.js icon
Express.js icon
Node.js icon
MongoDB icon
Vuex icon
Bootstrap icon
MEVN CRUD App

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.

Technologies Used:

Vue.js iconVue.js
Express.js iconExpress.js
Node.js iconNode.js
MongoDB iconMongoDB
Vuex iconVuex
Bootstrap iconBootstrap
React.js Rick & Morty Characters app

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.

React.js icon
React-Bootstrap icon
Netlify icon
React.js Rick & Morty Characters app

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.

Technologies Used:

React.js iconReact.js
React-Bootstrap iconReact-Bootstrap
Netlify iconNetlify
Nuxt.js Breaking Bad app

Nuxt.js Breaking Bad app

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

Nuxt.js icon
BootstrapVue icon
Vuex icon
Netlify icon
Nuxt.js Breaking Bad app

Nuxt.js Breaking Bad app

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

Technologies Used:

Nuxt.js iconNuxt.js
BootstrapVue iconBootstrapVue
Vuex iconVuex
Netlify iconNetlify
Python Web Scraper

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.

Python icon
Python Web Scraper

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.

Technologies Used:

Python iconPython
Vue.js, Flask-RESTful, MySQL and Bootstrap CRUD app

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 a...

Vue.js icon
Vuex icon
Python icon
Flask icon
MySQL icon
Bootstrap icon
Vue.js, Flask-RESTful, MySQL and Bootstrap CRUD app

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.

Technologies Used:

Vue.js iconVue.js
Vuex iconVuex
Python iconPython
Flask iconFlask
MySQL iconMySQL
Bootstrap iconBootstrap
Flask and MySQL CRUD app

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 user...

Python icon
Flask icon
MySQL icon
Bootstrap icon
Flask and MySQL CRUD app

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.

Technologies Used:

Python iconPython
Flask iconFlask
MySQL iconMySQL
Bootstrap iconBootstrap
Vue.js, Nest.js and Microsoft SQL Server CRUD App

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 f...

Vue.js icon
Vuex icon
Nest.js icon
TypeScript icon
Node.js icon
MSSQL icon
Bootstrap icon
Vue.js, Nest.js and Microsoft SQL Server CRUD App

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.

Technologies Used:

Vue.js iconVue.js
Vuex iconVuex
Nest.js iconNest.js
TypeScript iconTypeScript
Node.js iconNode.js
MSSQL iconMSSQL
Bootstrap iconBootstrap
Vue.js Spring Boot and MySQL CRUD app

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 f...

Vue.js icon
Java icon
SpringBoot icon
MySQL icon
Vuex icon
Bootstrap icon
Vue.js Spring Boot and MySQL CRUD app

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.

Technologies Used:

Vue.js iconVue.js
Java iconJava
SpringBoot iconSpringBoot
MySQL iconMySQL
Vuex iconVuex
Bootstrap iconBootstrap
Vue 2 Current weather app

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 Fah...

Vue.js icon
Vuex icon
Netlify icon
Vue 2 Current weather app

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.

Technologies Used:

Vue.js iconVue.js
Vuex iconVuex
Netlify iconNetlify