XML_Parser Tailwind Templates

Xml_parser

A XML file parser for extracting information related to bank and credit card information, built using the MERN stack, TypeScript, and Tailwind CSS. It offers a drag-and-drop interface for easy file uploads and displays parsed data in a clean, responsive UI.

Xml Parser

https://github.com/user-attachments/assets/38e34e16-0b87-433f-9126-bcc8cca822b8

Overview

This project consists of a client-side application and xml-parser-side. Follow the steps below to set up and run the project.

Client Setup

  1. Navigate to the client directory.
  2. Run npm install to install the necessary dependencies.

API Setup

  1. Navigate to the xml-parser directory.
  2. Create a .env file on the root of api directory and add (MONGO_URL="<Your_Mongo_Atlas(or)Compass_url> and PORT=5000")
  3. Run npm install to install the same dependencies used in the client.

Running the Project

After setting up the client and xml-parser, you can run the project by following these steps:

  1. Start the xml-parser by running npx tsc and then node src/server.js in the api directory.
  2. Start the client application by running npm start in the client directory.

xml-image-1

xml-image-2

Top categories

Loading Svelte Themes