Elements Finder

Date

January 2026

Category

Educational App

A React.js chemistry web app designed to help users quickly find element information, symbols, and descriptions from the periodic table.

https://elements-finder-demo.vercel.app
1 H
2 He
3 Li
4 Be
6 C
7 N
8 O
10 Ne
11 Na
79 Au

¿Por qué se hizo? (El Propósito)

Elements Finder fue diseñado como una herramienta educativa interactiva para estudiantes y entusiastas de la química. El objetivo era simplificar el acceso a la información de los elementos químicos, permitiendo búsquedas rápidas por nombre, símbolo o número atómico en una interfaz moderna y atractiva.

Desafíos y Desarrollo

El principal reto de este proyecto fue organizar y consumir una gran cantidad de datos estructurados sobre los elementos de la tabla periódica de manera eficiente. Al usar React.js, se aprovechó la renderización condicional y el manejo de listas para crear una experiencia de búsqueda instantánea y sin recargas de página.

Tecnologías Utilizadas

React.js CSS3 JavaScript JSON Data