{"id":25476465,"url":"https://github.com/webdevaminul/wda-products-filter","last_synced_at":"2026-04-10T03:57:57.307Z","repository":{"id":261466589,"uuid":"884370901","full_name":"webdevaminul/WDA-Products-Filter","owner":"webdevaminul","description":"A responsive product filtering app built with React, Node.js, Express, and MongoDB. Users can search, filter by category, sort by price/rating, and paginate through products.","archived":false,"fork":false,"pushed_at":"2025-01-17T19:41:32.000Z","size":379,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-18T01:36:44.656Z","etag":null,"topics":["express-js","mongodb","node-js","nodejs","reactjs","tailwind-css"],"latest_commit_sha":null,"homepage":"https://wda-products-filter.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/webdevaminul.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-11-06T16:20:34.000Z","updated_at":"2025-01-17T19:41:33.000Z","dependencies_parsed_at":"2024-11-10T20:27:50.320Z","dependency_job_id":"e3571cbd-f52e-4153-bdb4-0cbfd4df8718","html_url":"https://github.com/webdevaminul/WDA-Products-Filter","commit_stats":null,"previous_names":["webdevaminul/wda-product-filter","webdevaminul/wda-products-filter"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/webdevaminul/WDA-Products-Filter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webdevaminul%2FWDA-Products-Filter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webdevaminul%2FWDA-Products-Filter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webdevaminul%2FWDA-Products-Filter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webdevaminul%2FWDA-Products-Filter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/webdevaminul","download_url":"https://codeload.github.com/webdevaminul/WDA-Products-Filter/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webdevaminul%2FWDA-Products-Filter/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261130728,"owners_count":23114026,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["express-js","mongodb","node-js","nodejs","reactjs","tailwind-css"],"created_at":"2025-02-18T12:57:17.194Z","updated_at":"2025-12-30T19:04:52.079Z","avatar_url":"https://github.com/webdevaminul.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# [WDA-Products-Filter](https://wda-products-filter.vercel.app)\n\n## Demo\n\n![WDA-Products-Filter-Demo-1](/frontend/src/assets/products-filter-demo.png)\n\n## Overview\n\nThis is a simple application built with ReactJS. It allows users to view and filter products by searching, filter by categories, price and rating. The app also features pagination.\n\n## Technologies Used\n\n- ReactJS\n- Tailwind CSS\n- DaisyUI\n- MongoDB\n- ExpressJS\n- NodeJS\n\n## Features\n\n- **Responsive Design:** The application is fully responsive and works on all devices.\n- **Product Listing Page:** Display all available products with image, name, price etc.\n- **Category Filter:** Products can be filtered by category.\n- **Sort By Filter:** Products can be sorted by price and rating.\n- **Search Box:** User can search for products by name.\n\n## Setup and Running the Project\n\nTo run this project locally, follow these steps:\n\n1. **Clone the Repository**:\n\n   ```bash\n   git clone https://github.com/webdevaminul/WDA-Products-Filter.git\n   ```\n\n2. **Navigate to the Project Directory**:\n\n   ```bash\n   cd WDA-Products-Filter\n   ```\n\n3. **Project Structure**: After cloning, you will see two main folders:\n\n   - frontend: Contains the client-side code (React application).\n   - backend: Contains the server-side code (Express, MongoDB).\n\n4. **Running the Backend**:\n\n   - Open a new terminal and navigate to the backend folder:\n\n   ```bash\n   cd backend\n   ```\n\n   - Install the required dependencies:\n\n   ```bash\n    npm install\n   ```\n\n   - Setup .env:\n     Create a .env file in the backend folder and configure any necessary environment variables (e.g., MongoDB URI).\n\n   - Start the backend server:\n\n   ```bash\n   npm run dev\n   ```\n\n5. **Running the Frontend**:\n\n   - Open a new terminal and navigate to the frontend folder:\n\n   ```bash\n   cd frontend\n   ```\n\n   - Install the required dependencies:\n\n   ```bash\n   npm install\n   ```\n\n   - Setup .env:\n     Create a .env file in the frontend folder and configure any necessary environment variables (e.g., NODE_ENV).\n\n   - Start the React App:\n\n   ```bash\n    npm run dev\n   ```\n\n## Important\n\nEnsure both the backend and frontend servers are running and you have the required environment variables set up in the .env file for smooth operation.\n\n## Creadit \u0026 Contributions\n\nContributions are welcome! Please fork the repository and submit a pull request for any feature additions or bug fixes.  \nFor any questions or inquiries, please contact [webdev.aminul@gmail.com].  \nHappy coding\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebdevaminul%2Fwda-products-filter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwebdevaminul%2Fwda-products-filter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebdevaminul%2Fwda-products-filter/lists"}