Student: Alfonso Jesús Piñera Herrera Professor: Andrés Roldán Aranda

This project is a React and Node.js frontend application that interacts with the NucleideChartAPI to generate and customize nuclide charts and element boxes.

The frontend application provides a user interface to interact with the NucleideChartAPI. Users can upload CSV files and configurations, and generate nuclide charts or element boxes as SVG files. The application also allows real-time modifications of chart settings and includes visual elements to enhance user experience.

• File Upload: Upload CSV files and configuration files for chart generation.
• Real-Time Customization: Modify chart settings and see changes in real-time.
• SVG Generation: Download generated charts and element boxes in SVG format.
• Image Integration: Includes visual elements with images for improved interface.

• Node.js (version 14.x or later recommended)
• npm (Node Package Manager)

1. Clone or download this repository to your local machine.
2. Navigate to the project directory.
3. Install necessary dependencies by running npm install.
4. Start the development server with npm start.
5. Open your browser and navigate to http://localhost:3000 to use the application.

The project includes the following images, stored in the img directory:

• img1.png
• img2.png

These images are used in the application for various visual elements.

For any questions or suggestions, feel free to contact the development team at [email protected].