zurCode
This is a collection of webs, concepts, components, plugins, code... a lab.
There is a special order for the items: no order.
Responsive Personal portfolio done with React and TS, NextJS, Tailwind, Github Actions (CI/CD)
An interactive app for searching recipes.
Users can search by ingredient, or by country, by category or simply typing a word.
Each recipe has the ingredients, amounts, description and if there is, a YouTube video explaining step by step
Enjoy!
A comprehensive interactive Angular application demonstrating modern patterns, signals, components, animations, forms, and UI patterns.
Built with Angular 20+ and standalone components.
Calculate compound interest for a given principal amount, interest rate, and time period.
Export data to csv.
Practice. Getting countries from a GraphQL API using Apollo, React, TS and Tailwind.
Pomodoro Timer App with a clean, modern, and slightly neumorphic design. Options to modify work time and break time. You can choose the alarm sound from a few alternatives.
Example of accordion made with vanilla JavaScript and Materialize
Another accordion made with vanilla JavaScript and CSS
Basic Break time alarm built in node app.
It's a useful reminder to strech your legs every now and then when sitting in front of the computer for many hours.
github repo with easy-to-follow instructions to setup on your computer
Creation of an interactive SVG map to enhance the experience on Cool Earth charity project to halt deforestation and protect rainforest
Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML.
A simple UI made of JS where you can play different sounds based on your keyboard keys.
Have fun!
Alpha Engineering Solutions has been at the forefront of the manufacturing of precision-machined parts and assemblies for over 18 years. I designed a concept for their re-brand and corporate website. I created a strong but very simple logo design along with a minimalist website design.
Simple page that displays a white rectangle centred on a black background. When the user taps the white square, it animates the white rectangle so that it fills the screen, and then animates to its original dimensions. This entire sequence takes 3 seconds to complete.
The orientation and positioning of the square is consistent between portrait and landscape orientations. (Meaning that the left + right sides is higher in portrait mode and the top + bottom sides longer in landscape).
The rectangle's initial dimensions is 20% of the devices width and height respectively.
The page is optimised for webkit mobile devices (android and iOS).
The final product is executable purely within the browser without relying on a backend.Teran Frias believe that exceptional design is usable, simple and beautiful. I used a minimalist approach for the design created to be responsive.
From a given PSD file, the final result of a functional website with animations, in a couple of days.
Eden Pansion is a Hostel located in Bosnia-Herzegovina to host pilgrims who are visiting Medjugorje.
This site started as a reference manual from my personal JS studies. I think this manual could be reference point for others who are in this incredible journey of program development.
This is a gallery of Ascii art, where you can add your own!. Some of this are not mine, but are here to enjoy for everyone. Thanks