{"id":22912105,"url":"https://github.com/artempchela/todo-server-front-react-ts","last_synced_at":"2026-06-09T16:31:55.202Z","repository":{"id":231182069,"uuid":"781151061","full_name":"ArtemPchela/todo-server-front-react-ts","owner":"ArtemPchela","description":null,"archived":false,"fork":false,"pushed_at":"2024-04-03T07:36:53.000Z","size":56,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-01T11:09:14.784Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/ArtemPchela.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-04-02T20:56:41.000Z","updated_at":"2025-01-07T14:34:24.000Z","dependencies_parsed_at":"2024-04-02T22:27:44.225Z","dependency_job_id":"66c9880a-9e27-4f71-bde7-16c1c8fce8ab","html_url":"https://github.com/ArtemPchela/todo-server-front-react-ts","commit_stats":null,"previous_names":["artempchela/todo-server-front-react-ts"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ArtemPchela/todo-server-front-react-ts","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArtemPchela%2Ftodo-server-front-react-ts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArtemPchela%2Ftodo-server-front-react-ts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArtemPchela%2Ftodo-server-front-react-ts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArtemPchela%2Ftodo-server-front-react-ts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ArtemPchela","download_url":"https://codeload.github.com/ArtemPchela/todo-server-front-react-ts/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArtemPchela%2Ftodo-server-front-react-ts/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34116457,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-09T02:00:06.510Z","response_time":63,"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":[],"created_at":"2024-12-14T04:20:11.918Z","updated_at":"2026-06-09T16:31:55.173Z","avatar_url":"https://github.com/ArtemPchela.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Message Board Application\n\n\nThis Message Board Application is a full-stack project built with React and Express, featuring a simple, user-friendly interface for posting, updating, and deleting messages. It also tracks and displays the view count of the message board.\n\n## Features\n\n### React Frontend:\n\n* Post new messages via a text input form.\n* Update existing messages.\n* Delete messages.\n* Display the total number of views for the message board.\n\n### Express Backend:\n\n* REST API endpoints to create, read, update, and delete messages.\n* Endpoint to increment and fetch the view count.\n* Simple file-based persistence using JSON files.\n* Getting Started\n* Prerequisites\n* Node.js installed on your machine.\n* Basic knowledge of React and Express.\n\n## Installation\n\n### Clone the repository:\n\n```bash\ngit clone https://github.com/ArtemPchela/todo-server-front-react-ts.git\n```\n### Install dependencies for the server:\n\n```bash\ncd path/to/todo-react-ts-vite/server\n\nnpm install\n```\n\n### Install dependencies for the React app:\n\n```bash\ncd path/to/todo-react-ts-vite/client\n\nnpm install\n```\n\n## Running the Application\n\n### Start the Express server:\n\n```bash\nnpm start\n```\n\n* The server will run on http://localhost:3001.\n\n### In a new terminal, start the React application:\n\n```bash\ncd path/to/your-project/client\n\nnpm start\n```\n\n* The application will open in your browser at http://localhost:5174/.\n\n## Usage\n\n* The application's homepage displays a text area for entering new messages and a list of existing messages.\nTo post a new message, type in the text area and click the \"Send Message\" button.\nEach message has \"Edit\" and \"Delete\" options for managing messages.\nThe view count at the top updates with each new visit to the page.\n* API Endpoints\n  * GET /messages: Fetch all messages.\n  * POST /messages: Post a new message. Requires a JSON body with a content field.\n  * PATCH /messages/:id: Update an existing message by ID. Requires a JSON body with a content field.\n  * DELETE /messages/:id: Delete a message by ID.\n  * POST /views: Increment the view count.\n  * GET /views: Fetch the current view count.\n\n## Contributing\n\nContributions to the Message Board Application are welcome. Please feel free to fork the repository, make your changes, and submit a pull request.\n\n## License\n\nThis project is open-sourced under the MIT License. See the LICENSE file for more details.\n\n## Feel free to adjust the content as necessary to better fit your project's needs or to add any additional \nsections you think are relevant.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fartempchela%2Ftodo-server-front-react-ts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fartempchela%2Ftodo-server-front-react-ts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fartempchela%2Ftodo-server-front-react-ts/lists"}