Chem Data Handler is a React Vite project designed to handle and visualize chemical data efficiently.
Chem Data Handler is a React-based application that leverages Vite for fast development and building. This project aims to provide tools for managing and visualizing chemical data in a user-friendly interface.
To get started with Chem Data Handler, follow these steps:
- Clone the repository:
git clone https://github.com/dominicpam89/chem-data-handler.git cd chem-data-handler
- Install dependencies:
Make sure you have Node.js installed, then run:
npm install
- Run the development server:
npm run dev
- Build the project:
npm run build
- Preview the production build:
npm run serve
After installing and running the development server, you can access the application in your web browser at http://localhost:5173
.
- Existing Compounds: View compounds in MUI X Grid format
- Pubchem Access: Retrieve and view data from pubchem's database
- Ketcher: Interactive 3rd party app to visualize and create chemical data using Ketcher.
A brief overview of the project structure:
chem-data-handler/
├── public/ # Static files
├── src/ # Source files
│ ├── assets/ # Assets (images, styles, etc.)
│ ├── components/ # React components
│ ├── pages/ # Pages
│ ├── services/ # API calls and data handling
│ ├── App.jsx # Main App component
│ └── main.jsx # Entry point
├── .gitignore # Git ignore file
├── package.json # NPM package configuration
├── README.md # Project documentation
└── vite.config.js # Vite configuration
We welcome contributions! To contribute, follow these steps:
- Fork the repository.
- Create a new branch:
git checkout -b feature/your-feature-name
- Make your changes and commit them:
git commit -m "Add your message here"
- Push to the branch:
git push origin feature/your-feature-name
- Open a pull request.
This project is licensed under the MIT License. See the LICENSE file for more details.