https://github.com/webdevaminul/wda-phone-search
A simple phone search web app built with HTML, Tailwind CSS (DaisyUI), and JavaScript. It fetches phone data from an API, displays results dynamically, and includes pagination and preloaded phones
https://github.com/webdevaminul/wda-phone-search
daisyui html javascript tailwind-css
Last synced: about 1 month ago
JSON representation
A simple phone search web app built with HTML, Tailwind CSS (DaisyUI), and JavaScript. It fetches phone data from an API, displays results dynamically, and includes pagination and preloaded phones
- Host: GitHub
- URL: https://github.com/webdevaminul/wda-phone-search
- Owner: webdevaminul
- Created: 2025-02-05T03:38:59.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-05T03:53:34.000Z (over 1 year ago)
- Last Synced: 2025-04-05T08:28:16.200Z (about 1 year ago)
- Topics: daisyui, html, javascript, tailwind-css
- Language: JavaScript
- Homepage: https://wda-phone-search.vercel.app
- Size: 183 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# [WDA-Phone-Search](https://wda-phone-search.vercel.app)
## Demo
## Overview
This is a Web App built with HTML, Tailwind CSS (DaisyUI), and JavaScript. It allows users to search for mobile phones via an API and displays results with pagination and a preloaded phone list for better UX.
## Technologies Used
- HTML
- Tailwind CSS
- Javascript
- DaisyUI
## Features
- Dynamic Search & Display
- Preloaded Phones Before Search
- Pagination for Easy Navigation
- Responsive Design
## Setup and Running the Project
To run this project locally, follow these steps:
1. **Clone the Repository**:
```bash
git clone https://github.com/webdevaminul/WDA-Phone-Search.git
```
2. **Navigate to the Project Directory**:
```bash
cd WDA-Phone-Search
```
3. **Open the project with Visual Studio Code (recommended)**:
```bash
code .
```
4. **Install a Live Server**:
Install the [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) extension for Visual Studio Code if you haven't already
5. **Run the Live Server**:
Right-click on `index.html` and select `Open with Live Server`.
## Important
Ensure you have the Live Server extension installed in Visual Studio Code to run the project smoothly in a local development environment.
## Creadit & Contributions
Contributions are welcome! Please fork the repository and submit a pull request for any feature additions or bug fixes.
For any questions or inquiries, please contact [webdev.aminul@gmail.com].
Happy coding!