{"id":25879588,"url":"https://github.com/ummamali/photons","last_synced_at":"2026-04-10T06:56:24.839Z","repository":{"id":172373963,"uuid":"379541316","full_name":"Ummamali/photons","owner":"Ummamali","description":"Photons is a modern frontend-driven CRUD application designed to manage contributor data for fundraising and collection efforts. It allows users to efficiently store, update, and retrieve information about contributors through a user-friendly interface. Built with the latest frontend technologies, it ensures a seamless and interactive experience.","archived":false,"fork":false,"pushed_at":"2025-02-18T17:11:05.000Z","size":818,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-02T13:19:24.840Z","etag":null,"topics":["crud","css3","html5","javascript","localstorage","reacthooks","reactjs","redux","rest-api","singlepageapplication","tailwindcss"],"latest_commit_sha":null,"homepage":"","language":"CSS","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/Ummamali.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}},"created_at":"2021-06-23T08:59:48.000Z","updated_at":"2025-02-18T17:11:08.000Z","dependencies_parsed_at":null,"dependency_job_id":"2a2ca6b0-cb2a-4902-82a0-ab89f52e3fe4","html_url":"https://github.com/Ummamali/photons","commit_stats":null,"previous_names":["ummamali/photons"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Ummamali/photons","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ummamali%2Fphotons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ummamali%2Fphotons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ummamali%2Fphotons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ummamali%2Fphotons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Ummamali","download_url":"https://codeload.github.com/Ummamali/photons/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ummamali%2Fphotons/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269502567,"owners_count":24427790,"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","status":"online","status_checked_at":"2025-08-08T02:00:09.200Z","response_time":72,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["crud","css3","html5","javascript","localstorage","reacthooks","reactjs","redux","rest-api","singlepageapplication","tailwindcss"],"created_at":"2025-03-02T13:19:20.680Z","updated_at":"2025-12-30T21:48:55.482Z","avatar_url":"https://github.com/Ummamali.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Photons\n\nPhotons is a modern frontend-driven CRUD application designed to manage contributor data for fundraising and collection efforts. It allows users to efficiently store, update, and retrieve information about contributors through a user-friendly interface. Built with the latest frontend technologies, it ensures a seamless and interactive experience for managing fundraising campaigns and contributions.\n\n## Features\nFully Reactive interface to store data about permanent contributors, as well as temporary (one-time) contributors\nThe application consists of following screens (interfaces)\n\n### Dashboard (/home)\n* Informs about the current day, month and total amount that has been collected\n* Shows recent contributions from permanent contributors\n* Shows a gist of this month donation status from contributors\n  \n### Contribute \u0026 Register Modals (/home/contribute  \u0026  /home/register)\n* Two interactive popup modals with validation (both inplace and from backend)\n* Register a permanent contributor by his id and name\n* Add contribution for current month, using that contributors id\n* Data saved on backend (JSON docs)\n\n### All Permanent Contributors (/contributors)\n* Displays data about all the registered contributors\n* Name, Id and total amount \n* Search a contributor by his id or name\n* Filter contributors as: \n  * All\n  * Who have contributed the minimum amount decided for a month\n  * Who have not contributed the decided amount for current month\n* View a list of all contributions of a person, with the amount, time and date (/contributors/:userId)\n\n### Temporary contributors (/collect)\n* A full-featured micro-application that lets admin to store data about one time donors\n* Lets you store two kinds of statuses for donors, whether:\n  * the person has donated an amount on the spot\n  * the person has given future date for collection\n* Create the donor with name and specified status\n* Filter the donors \n* Enter the edit mode and edit the name and status of the donor\n* Delete the donor\n* This micro frontend app uses local storage to keep track of the changes of the state\n* Can be used fully offline\n* Data can be stored on backend upon going online\n\n## Technologies Used\n- **HTML**: Defines the structure and content of web pages, serving as the foundation of the web.\n- **CSS**: Styles web pages to enhance visual presentation and user experience.\n- **JavaScript**: Enables dynamic behavior, interactivity, and client-side logic in web applications.\n- **React**: Builds reusable UI components efficiently with a declarative and component-based approach.\n- **Redux**: Manages application state centrally for predictable and scalable state management.\n- **React Router**: Handles navigation and routing within React applications to enable multiple views.\n- **Browser API**: Provides access to browser-specific features, allowing interaction with the environment outside the web page.\n\n## Running the Frontend  \n\n1. **Clone the Repository**\n \n   ```bash\n   git clone https://github.com/ummamali/photons.git\n   cd photons\n   \n3. **Install Dependencies**  \n\n   ```bash\n   npm install\n   \n5. **Run (Development Mode)**  \n\n   ```bash\n   npm run dev\n\n\n## License  \n\nThis project is licensed under the **MIT License**. For more details, visit [MIT License](https://opensource.org/licenses/MIT).  \n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fummamali%2Fphotons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fummamali%2Fphotons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fummamali%2Fphotons/lists"}