J.Ruano Logo

J.Ruano

Explorer β€’ Developer

πŸ’» My Dev Projects

Some of the websites, apps and experiments I've crafted with care and many lines of code.

Development.POSTS.POST_15.TITLE
πŸ§ͺ Build Molecules APP 25/09/2025

Build Molecules is a mobile app developed with Ionic, Angular, and Capacitor that brings chemistry to your fingertips. It lets you build, visualize, and explore molecules interactively from any device. With an intuitive interface and native performance, it turns molecular learning into a dynamic and accessible experience for everyone.

#Ionic #Angular #Capacitor
Development.POSTS.POST_14.TITLE
πŸ§ͺ Build Molecules Web - Build, Visualize and Learn 10/09/2025

The Build Molecules website, fully developed with Angular, features a modern and efficient structure based on reusable components. Each section, from app presentation to screenshots and download links, is built with modular logic, keeping content clear, scalable, and easy to maintain. Its responsive design and visual focus ensure smooth, user-centered navigation.

#Angular #SCSS #NodeJS #MongoDB
Development.POSTS.POST_13.TITLE
πŸ“ GeoCatch APP 25/05/2025

GeoCatch is a mobile app developed with Ionic, Angular, and Capacitor that turns your device into a geographic exploration tool. It allows you to capture and save locations precisely, view real-time coordinates, and orient yourself with a compass towards saved points. All with a clear, fast interface designed for adventurers, hikers, travelers, and curious minds. Compact, functional, and distraction-free, GeoCatch puts the power of geolocation in your hand.

#Ionic #Angular #Capacitor
Development.POSTS.POST_12.TITLE
🌍 GeoCatch Web - Explore, Discover and Capture 10/05/2025

The GeoCatch website, fully developed with Angular, features a modern and efficient structure based on reusable components. Each section, from app presentation to screenshots and download links, is built with modular logic, keeping content clear, scalable, and easy to maintain. Its responsive design and visual focus ensure smooth, user-centered navigation.

#Angular #SCSS #NodeJS #MonboDB
Development.POSTS.POST_9.TITLE
πŸš€ Space Ships Game 10/08/2021

A space arcade developed with TypeScript and jQuery where you pilot a ship shooting projectiles to destroy enemies on screen. Each hit earns points and increases your score. Everything moves and responds in real time thanks to jQuery, with animations and collision detection. A perfect project to demonstrate game logic.

#TypeScript #JQuery #CSS
Development.POSTS.POST_8.TITLE
πŸš€ Space Ships Game 05/08/2021

A space arcade developed with jQuery where you pilot a ship that shoots projectiles to destroy enemies on screen. Each hit earns points and increases your score. Everything moves and responds in real time thanks to jQuery, with animations and collision detection. A perfect project to demonstrate game logic.

#JavaScript #JQuery #CSS
Development.POSTS.POST_7.TITLE
πŸ™οΈ City Building Simulator 21/07/2020

A mini interactive app simulating the creation and expansion of a city. Developed with jQuery, it allows users to add buildings, roads, green zones, and services all in real time. Each action modifies the visual and functional state of the scene, creating a fun, educational, and customizable experience. An ideal example to demonstrate DOM manipulation.

#Bootstrap #PHP #MySQL
Development.POSTS.POST_6.TITLE
πŸ—ΊοΈ Locations with Google Maps 14/04/2019

An application to view and add points on a Google Maps map. Coordinates and descriptions are stored in a MySQL database, managed from a PHP backend. jQuery handles interactions for dynamic marker loading. Ideal for projects requiring customized maps.

#JQuery #PHP #MySQL
Development.POSTS.POST_5.TITLE
πŸ–ΌοΈ Photo Carousel 04/01/2019

A web app allowing users to register, log in, and upload their own images to an interactive carousel. Developed with Bootstrap for a responsive and modern design, PHP for server logic, and SQL to store user and image data. The carousel automatically updates with new uploaded photos.

#Bootstrap #PHP #MySQL
Development.POSTS.POST_4.TITLE
πŸŽ›οΈ Switch Button Animation 04/09/2018

A small but elegant interactive component: a switch-type button with smooth animation when toggled on or off. Developed with jQuery to handle events and state changes and CSS to bring the transition to life with a nice visual effect. Simple, lightweight, and reusable.

#JavaScript #CSS #HTML
Development.POSTS.POST_3.TITLE
🍷 Wine Cart 01/06/2018

A small web demo developed with AngularJS simulating a shopping cart specialized in wines. It includes product basket, unit selection, and real-time order calculation. Thanks to two-way binding and AngularJS modular structure, the user experience is smooth with local state management.

#AngularJs #CSS #HTML
Development.POSTS.POST_2.TITLE
πŸ’» Stylex Studio 16/02/2018

A web project developed with PHP, jQuery, and HTML focused on style and functionality. PHP handles data management, content, and routing, while jQuery provides elegant animations, interactive galleries, and enhanced user experience. Easy to navigate, visually attractive, and technologically solid, ideal to highlight a modern brand image.

#PHP #JQuery #JavaScript #HTML
Development.POSTS.POST_1.TITLE
πŸ’» Infrima 16/11/2017

A site created with PHP, jQuery, and HTML perfectly integrated to offer a dynamic and efficient experience. The PHP backend manages content and forms, while jQuery adds fluidity and interactivity with effects, validations, and AJAX requests. The result is an agile, intuitive, and robust website combining server strength with a modern interface.

#PHP #JQuery #JavaScript #HTML