{"id":23346746,"url":"https://github.com/filonenkodima/placepicker","last_synced_at":"2026-04-29T09:05:10.616Z","repository":{"id":266297355,"uuid":"897871072","full_name":"FilonenkoDima/placepicker","owner":"FilonenkoDima","description":"PlacePicker is a full-stack application built with Angular for the frontend and Node.js for the backend. It enables users to manage and view places, featuring modular design for frontend components and a backend server for data handling.","archived":false,"fork":false,"pushed_at":"2024-12-06T08:55:13.000Z","size":19386,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-07T17:22:35.863Z","etag":null,"topics":["angular","clean-architecture","full-stack","web-development"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/FilonenkoDima.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":"2024-12-03T11:40:50.000Z","updated_at":"2024-12-07T10:37:01.000Z","dependencies_parsed_at":"2025-02-13T19:44:28.434Z","dependency_job_id":null,"html_url":"https://github.com/FilonenkoDima/placepicker","commit_stats":null,"previous_names":["filonenkodima/placepicker"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/FilonenkoDima/placepicker","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FilonenkoDima%2Fplacepicker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FilonenkoDima%2Fplacepicker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FilonenkoDima%2Fplacepicker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FilonenkoDima%2Fplacepicker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FilonenkoDima","download_url":"https://codeload.github.com/FilonenkoDima/placepicker/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FilonenkoDima%2Fplacepicker/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261217292,"owners_count":23126246,"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":["angular","clean-architecture","full-stack","web-development"],"created_at":"2024-12-21T07:14:51.600Z","updated_at":"2026-04-29T09:05:10.589Z","avatar_url":"https://github.com/FilonenkoDima.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Documentation for **PlacePicker**\n\n#### Overview\n\n**PlacePicker** is a full-stack application built with Angular for the frontend and Node.js for the backend. It enables users to manage and view places, featuring modular design for frontend components and a backend server for data handling.\n\n---\n\n## Demo\n\n![](demo.gif)\n\n## Project Structure\n\nThe repository is divided into two main parts: **frontend** and **backend**.\n\n#### Backend\n\n- **`backend/app.js`**: The main entry point for the server.\n- **`backend/data/`**: Contains sample data or JSON files.\n- **`backend/images/`**: Stores images related to places.\n- **`backend/package.json` \u0026 `package-lock.json`**: Manage backend dependencies.\n- **`backend/node_modules/`**: Directory for backend npm packages.\n\n#### Frontend\n\n- **src/app/**: Main directory for Angular components and services.\n  - **places/**:\n    - `available-places/`: Manages available places.\n    - `places-container/`: Contains UI components for grouping places.\n    - `user-places/`: Manages user-specific places.\n    - `places.component.ts`: Main component for displaying and managing places.\n    - `places.model.ts`: Defines the data model for places.\n    - `places.service.ts`: Handles business logic and data fetching for places.\n  - **shared/modal/**:\n    - `modal.component.*`: Reusable modal component for error handling and user prompts.\n    - `error.service.ts`: Handles application-wide error management.\n- **src/styles.css**: Global styles for the application.\n- **src/app.component.\\***: Root component managing overall layout.\n\n---\n\n## Key Features\n\n1. **Frontend**:\n\n   - Modular design with separate components for places and shared utilities.\n   - Error handling with a reusable modal component.\n   - Organized service and model files for data handling.\n\n2. **Backend**:\n   - Node.js server with npm packages for easy setup.\n   - Handles data storage and retrieval for the application.\n   - Supports serving images and other assets.\n\n---\n\n## How to Run the Project\n\n#### Backend\n\n1. Navigate to the **`backend/`** directory:\n\n   ```bash\n   cd backend\n   ```\n\n2. Install dependencies:\n\n   ```bash\n   npm install\n   ```\n\n3. Start the server:\n   ```bash\n   npm start\n   ```\n   The server will run on `http://localhost:3000/`.\n\n#### Frontend\n\n1. Navigate to the **root project directory** and install dependencies:\n\n   ```bash\n   npm install\n   ```\n\n2. Start the Angular development server:\n   ```bash\n   ng serve\n   ```\n   The frontend will be accessible at `http://localhost:4200/`.\n\n---\n\n## Technologies Used\n\n- **Frontend**: Angular\n- **Backend**: Node.js\n- **Styling**: CSS\n- **Data Handling**: JSON files (sample data)\n- **Version Control**: GitHub\n\n---\n\n### Contribution Guidelines\n\n1. Fork the repository.\n2. Create a new feature branch:\n   ```bash\n   git checkout -b feature/your-feature-name\n   ```\n3. Commit your changes and push the branch:\n   ```bash\n   git push origin feature/your-feature-name\n   ```\n4. Submit a pull request for review.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffilonenkodima%2Fplacepicker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffilonenkodima%2Fplacepicker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffilonenkodima%2Fplacepicker/lists"}