TripPlanner IA

demo

front-back

Web application for generating personalized tourist routes powered by a Gemini-based AI Agent, currently deployed on a Node.js server. Built with Next.js 14, React 18, and Redux Toolkit, it features an interactive stepper that captures user preferences to generate travel itineraries automatically. The system automatically detects the user's city to streamline the experience and optimize the initial setup. The AI Agent processes data in real time and returns detailed plans including points of interest, day-by-day schedules, and descriptions. It includes a global city selector, advanced state management, and a responsive interface with glassmorphism effects. This demo reflects the architectural evolution of the project: a previous version integrated the AI Agent through n8n.

TemperatureIn

front

back

Web application developed with React.js showcasing advanced integration with external APIs. It displays real-time weather information, including temperature, humidity, and extended forecasts. When the site is accessed from the root path, it detects the user's country and region using APIs, presenting the interface and data in Spanish for Spanish-speaking countries and in English for the rest of the world. It features a dropdown menu for continent, country, and corresponding cities. Several SEO optimization tools are integrated, such as React Helmet for metadata and keyword management, Google Analytics for traffic tracking, Google Search Console for indexing, and Google reCAPTCHA for form security. Additionally, it includes a contact section connected to a corporate email (temperaturein@temperaturein.com), as well as pages for Privacy Policy and Terms of Use.

M&C

front

Static website designed for a fictional tech consulting firm. Developed using HTML5, CSS3, and JavaScript, with a focus on responsive design and smooth user experience through smooth scrolling effects. It includes typical institutional sections such as 'About Us', 'Services', 'Clients', and 'Contact', all presented with a clean, professional layout adapted to various devices. This demo illustrates how to present corporate content effectively and in a visually appealing manner.

ECM

front

Web application developed to simulate a complete purchasing process in an online store, from product selection to order confirmation. Implemented as a Full Stack solution using React.js for the frontend and external API consumption for a dynamic product catalog from the backend. The purchase flow includes: product selection, quantity assignment, and a checkout process guided by a stepper interface through the stages of registration, delivery, payment, and order number generation. This demo showcases a functional flow commonly found in modern e-commerce platforms.

INV

front

back

vers2

vers3

Generic and scalable web application for inventory management. Frontend built with React, and main backend in NodeJS/MongoDB. Also includes backend versions with SpringBoot/MongoDB and NodeJS/MySQL (available on GitHub). General features: product registration, stock control, and real-time reports. Users: registration, login, logout, and user editing with JWT. Reports: annual summary of profits and sales (on Home), monthly charts of purchases, sales, and profits by product. Inventory: registration, editing, and deletion by product. Billing: registration, viewing, editing, issuance, and deletion of invoices. Fields: invoice ID, date, supplier/customer, payment method, product search and list (editable before issuance).

RegBills

front

back

Scalable web application for tracking expenses and income, featuring a React frontend and Node.js/MongoDB backend. Key features: flexible entry system for expenses and income, with customizable category assignments. User management: registration, login, logout, and profile editing using JWT. Monthly reports: summarized income and expenses grouped by category. Record handling: create, edit, and delete entries. Fields include type, description, date, and amount. Home dashboard: summary by type and category, with annual, monthly, and total aggregates.

FullStackWeb

front

Interactive web portfolio built with Next.js 15 and TypeScript, designed as a container for web application demonstrations. Features a bilingual system (EN/ES) with dark/light mode, smooth navigation, and fully responsive design. Includes video carousel, interactive tech stack with stacked card interface, featured projects section, and functional contact form. Showcases full-stack development skills with React, Node.js, databases, and DevOps tools. This demo illustrates the posibility to create web experiences.