Chemistry ๐งช
Web application providing a visual representation of chemical structures. The app comes with a set of useful tools to help you exploring the chemical world.
Getting Started ๐
First, run the development server:
npm run dev
# or
yarn dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.tsx
. The page auto-updates as you edit the file.
API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts
.
The pages/api
directory is mapped to /api/*
. Files in this directory are treated as API routes instead of React pages.
Features ๐จ
Currently the app only shows the periodic table. There are plans to add more features in the future.
Planned Features:
- Oxidation Calculator
- Reaction Calculator
Periodic Table ๐ฌ
The periodic table is a visual representation of the elements and their properties. You maybe already familiar with it.
By clicking on an element, the element's full name will be copied to your clipboard. You can also search for an element by typing its name or symbol in the search bar.
Localization ๐
The app is available in multiple languages. You can change the language by navigating to the /en
, /de
or /fr
route.
We would love to see your translation! Don't hesitate to open an issue or submit a pull request to add your language.
Built with ๐
This is a Next.js project bootstrapped with create-next-app
.
- Next.js is a framework for building fast and responsive web applications.
- Tailwind CSS is a utility-first CSS framework for quickly building complex layouts.
- React is a JavaScript library for building user interfaces.
- TypeScript is a type-checking language for JavaScript.
Authors ๐จโ๐ป
- Michael Beutler - Initial work - MichaelBeutler
License ๐
Contributing ๐ค
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Please make sure to update tests as appropriate and meet the quality gate requirements.