https://github.com/owaiskhan18/dynamic-user-table
"A dynamic user table built with TypeScript, html css js and API integration."
https://github.com/owaiskhan18/dynamic-user-table
css3 fetch-api frontend html5 javascript tyoescript webdevelopment
Last synced: 5 months ago
JSON representation
"A dynamic user table built with TypeScript, html css js and API integration."
- Host: GitHub
- URL: https://github.com/owaiskhan18/dynamic-user-table
- Owner: Owaisi123
- Created: 2025-02-26T08:42:45.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-26T09:16:28.000Z (over 1 year ago)
- Last Synced: 2025-02-26T09:33:15.471Z (over 1 year ago)
- Topics: css3, fetch-api, frontend, html5, javascript, tyoescript, webdevelopment
- Language: CSS
- Homepage: https://dynamic-user-table.vercel.app
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🚀 Dynamic User Table
A **dynamic and responsive** user table built with **HTML, CSS, JavaScript, and TypeScript**, integrating an API to fetch and display real-time user data.
## 📌 Features
✅ **TypeScript-powered** – Ensures safer and structured code
✅ **Fetch API** – Handles seamless real-time data fetching
✅ **Responsive UI** – Adapts to different screen sizes
✅ **Sorting & Searching** – Enhances usability
✅ **Modern Styling** – Uses CSS for clean design
---
## 🛠️ Tech Stack
🔹 **Frontend**
- **HTML** – Structure of the page
- **CSS** – Styling & responsiveness
- **JavaScript** – Dynamic functionality
- **TypeScript** – Type safety & reliability
🔹 **API & Data Handling**
- **Fetch API** – Fetches real-time user data
---
## 🚀 Live Demo
🔗 **[Live Project](https://dynamic-user-table.vercel.app/)
---
## 📥 Installation & Setup
Follow these steps to set up the project locally:
```bash
# 1️⃣ Clone the repository
git clone https://github.com/Owaisi123/dynamic-user-table.git
# 2️⃣ Move into the project directory
cd dynamic-user-table
# 3️⃣ Open the index.html file in your browser
open index.html # (For Mac)
start index.html # (For Windows)
📸 Screenshots
Desktop View
🤝 Contribution
Want to contribute? Follow these steps:
1️⃣ Fork the repository
2️⃣ Create a new branch (git checkout -b feature-branch)
3️⃣ Commit your changes (git commit -m "Added a new feature")
4️⃣ Push to GitHub (git push origin feature-branch)
5️⃣ Create a Pull Request
📜 License
This project is MIT Licensed – feel free to modify and use it!
📢 Connect with Me
💼 GitHub: Owaisi123
💬 LinkedIn: [https://www.linkedin.com/in/muhammad-owais-902976322/]
📧 Email: [muhammadaslam5467@gmail.com]