TripPlanner IA

demo

front-back

Complete web application for generating personalized tourist routes using an AI Agent with Gemini Model deployed on n8n. Built with Next.js 14, React 18, and Redux Toolkit, it features a stepper that captures user preferences to generate automatic routes. Integrates an AI Agent deployed on n8n server that processes data and returns detailed itineraries with points of interest, schedules, and descriptions. Includes global city selector, advanced state management, and responsive design with glassmorphism effects. This application demonstrates modern full-stack architecture with real-time AI integration.

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.