Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/brunogg69/periodic-table
An Interactive Periodic Table made in React + TailwindCSS
https://github.com/brunogg69/periodic-table
css javascript js jsx react science tailwind tailwindcss website
Last synced: 15 days ago
JSON representation
An Interactive Periodic Table made in React + TailwindCSS
- Host: GitHub
- URL: https://github.com/brunogg69/periodic-table
- Owner: BrunoGG69
- Created: 2025-01-16T19:23:29.000Z (30 days ago)
- Default Branch: master
- Last Pushed: 2025-01-29T10:18:53.000Z (17 days ago)
- Last Synced: 2025-01-29T11:22:32.898Z (17 days ago)
- Topics: css, javascript, js, jsx, react, science, tailwind, tailwindcss, website
- Language: JavaScript
- Homepage: https://periodictable.brunogg.in
- Size: 125 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Modern Looking Periodic Table
----------------------------------------------------------------------------------------------------------------------------
### This is a modern looking Periodic Table where all the 118 elements of the table are shown. You can also see more info after clicking the desired element. Visit the website [here](https://periodictable.brunogg.in/))
## Technologies used:
- HTML
- CSS
- JavaScript
- Tailwind CSS (Styling)
- React
## Features
- Modern Periodic Table Design
- Elements Clearly Displayed
----------------------------------------------------------------------------------------------------------------------------
## How to run the project locally (I recommend visiting it [here](https://periodictable.brunogg.in/))
1. Clone the repository
```bash
git clone https://github.com/BrunoGG69/BrunoWave.git
```
2. Change the directory
```bash
cd client
```
3. Run **npm install**
```bash
npm install
```
4. Run **npm run dev**
```bash
npm run dev
```
5. Visit on
```bash
localhost:5173/play
```
## Periodic Table © 2025 by Prathamesh Prabhakar is licensed under CC BY-NC-ND 4.0
This project development was **Aided** by AI tools, specifically:
* **GitHub Copilot:** For mild code suggestions.
* **ChatGPT:** For aiding in repetitive tasks and code cleanup.
However, the design and implementation of the project are entirely original and based on the resources listed above.