{"id":20127193,"url":"https://github.com/satish980/food-application","last_synced_at":"2026-04-09T08:18:44.563Z","repository":{"id":220067400,"uuid":"750656431","full_name":"Satish980/Food-application","owner":"Satish980","description":"Food Application using React and Redux Bundler","archived":false,"fork":false,"pushed_at":"2024-02-25T12:44:25.000Z","size":353,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-13T08:13:31.955Z","etag":null,"topics":["debounce-input","html","javascript","jest-tests","netlify-deployment","react","redux-bundler","tailwindcss"],"latest_commit_sha":null,"homepage":"https://bsf-application-swiggy.netlify.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/Satish980.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}},"created_at":"2024-01-31T03:50:20.000Z","updated_at":"2024-02-26T18:46:11.000Z","dependencies_parsed_at":"2024-02-25T13:24:35.501Z","dependency_job_id":null,"html_url":"https://github.com/Satish980/Food-application","commit_stats":null,"previous_names":["satish980/bsf-swiggy","satish980/food-application"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Satish980%2FFood-application","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Satish980%2FFood-application/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Satish980%2FFood-application/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Satish980%2FFood-application/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Satish980","download_url":"https://codeload.github.com/Satish980/Food-application/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241570983,"owners_count":19984012,"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":["debounce-input","html","javascript","jest-tests","netlify-deployment","react","redux-bundler","tailwindcss"],"created_at":"2024-11-13T20:19:37.842Z","updated_at":"2026-04-09T08:18:44.519Z","avatar_url":"https://github.com/Satish980.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n---\n\n# [BSF Food Explorer](https://bsf-application-swiggy.netlify.app/)\n\nWelcome to the BSF Food Explorer, a web application that allows users to explore a variety of delicious meals from different areas of the World.\n\n## Features\n\n### 🍲 Lazy Loading and Skeleton Loading\n\nThe application employs lazy loading to optimize performance by loading images only when they are needed. Additionally, a skeleton loading effect is implemented to enhance the user experience while waiting for image data to load.\n\n### 🌐 List of Food Items\n\nOn the initial load, users can seamlessly browse through a list of food items available in India.\n### 🌍 Filter by Area\n\nUsers have the ability to filter food items based on different areas. The application provides a user-friendly dropdown menu that allows users to select their preferred area, enhancing the browsing experience.\n\n### 🔄 Sort Functionality\n\nUsers can sort the list of food items alphabetically or in reverse alphabetical order. This feature is designed to help users quickly find their favorite meals based on their preferences.\n\n### 📄 Pagination\n\nThe application includes a pagination feature, allowing users to navigate through multiple pages of food items. This feature is useful for users who want to explore a diverse range of meals conveniently.\n\n### 🍽️ Detailed Meal View\n\nBy clicking on a specific meal from the list, users can view detailed information about that meal, including its category, area, recipe, and ratings. The lazy loading mechanism ensures efficient loading of this detailed view.\n\n## Technologies and Libraries Used\n\n- **React.js:** The frontend is developed using React.js, providing a dynamic and responsive user interface.\n\n- **ReduxBundler:** State management is handled efficiently using ReduxBundler, ensuring a well-organized and scalable application.\n\n- **Tailwind CSS:** The application's UI is styled using Tailwind CSS, offering a clean and modern design.\n\n- **API:** Meal data is fetched from [The MealDB API](https://www.themealdb.com/api.php), providing a vast collection of meal information.\n  \n- **Font Awesome:** The application's icons are taken from Fontawesome.\n\n- **Jest:** Test suites are written using Jest.\n\n- **Netlify:** Application deployed in netlify: [BSF Food Explorer](https://bsf-application-swiggy.netlify.app/)\n\n\n## Getting Started\n\nTo run the application locally, follow these steps:\n\n1. Clone the repository:\n\n   ```bash\n   git clone https://github.com/Satish980/Food-application\n   ```\n\n2. Install dependencies:\n\n   ```bash\n   cd Food-application\n   npm install\n   ```\n\n3. Run the application:\n\n   ```bash\n   npm start\n   ```\n\n4. Open your browser and visit [http://localhost:3000](http://localhost:3000) to explore the BSF Food Explorer.\n\n5. To test the application\n\n   ```bash\n   npm run test\n   ```\n\n\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsatish980%2Ffood-application","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsatish980%2Ffood-application","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsatish980%2Ffood-application/lists"}