Periodic Elements View 🌟

A simple, interactive table displaying data about periodic elements. 🧪

Features ✨

• Data Loading Simulation 📡: Mimics fetching data from a server.
• Editable Fields ✏️: Edit all fields of each periodic element with ease.
• Field Filtering 🔍: Filters across all fields, updating 2 seconds after input changes.
• Theme Toggle 🌗: Switch between light and dark themes effortlessly.

Tools & Technologies 🛠️

• Angular 20 🚀
• Angular Material Components 🎨
• NgRx Signal Store 📦
• Tailwind CSS 💅
• Nx & Nx Console ⚡

Project Setup ⚙️

To install dependencies, use the --legacy-peer-deps flag to avoid npm errors. Note that @ngrx/[email protected] is not yet updated for Angular 20 but works fine. Learn more about this issue »

npm install --legacy-peer-deps

Run Development Server 🖥️

Launch the development server with:

nx serve

Build the Project 🏗️

Create a production build with:

nx build