{"id":13629116,"url":"https://github.com/MSaiKiran9/react.nodejs_starter","last_synced_at":"2025-04-17T04:33:03.574Z","repository":{"id":199680928,"uuid":"703467064","full_name":"MSaiKiran9/react.nodejs_starter","owner":"MSaiKiran9","description":"This repo is a starter kit that sets up front-end and back-end of a simple react , node with surreal db","archived":false,"fork":false,"pushed_at":"2023-10-13T18:01:43.000Z","size":98,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-11-08T19:43:14.419Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","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/MSaiKiran9.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}},"created_at":"2023-10-11T09:49:52.000Z","updated_at":"2024-01-16T13:08:06.000Z","dependencies_parsed_at":"2024-01-19T12:07:32.479Z","dependency_job_id":null,"html_url":"https://github.com/MSaiKiran9/react.nodejs_starter","commit_stats":null,"previous_names":["msaikiran9/react.nodejs_starter"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MSaiKiran9%2Freact.nodejs_starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MSaiKiran9%2Freact.nodejs_starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MSaiKiran9%2Freact.nodejs_starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MSaiKiran9%2Freact.nodejs_starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MSaiKiran9","download_url":"https://codeload.github.com/MSaiKiran9/react.nodejs_starter/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249316055,"owners_count":21249885,"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":[],"created_at":"2024-08-01T22:01:02.789Z","updated_at":"2025-04-17T04:33:02.720Z","avatar_url":"https://github.com/MSaiKiran9.png","language":"JavaScript","readme":"# react.nodejs_starter\nThis repo is a starter kit that sets up front-end and back-end of a simple react and node app. This app's backend after auth connects with surrealdb and adds random users data to surrealdb as many times as we start the server . Front-end after successful auth connects with surrealdb fetches the data from the surrealdb and displays in the UI. Just like a simple publish-subscribe model. It uses database auth mode in surrealist app.\n# steps to initialize the starter kit :\n1. install surreal from the official page's documentation\n2. start the surreal server using command : \u003ca href=\"\"\u003esurreal.exe start memory -A --auth --user root --pass root\u003c/a\u003e\n3. clone the repository and setup back-end and front-end seperately .\n4. get into the front-end folder and type npm install \u0026 same for backend this will install all the dependencies .\n5. now type npm run dev in the front-end and node app.js in the backend and the terminals will look something like this :\n\n   \u003cb\u003efront-end terminal:\u003cb\u003e\n\n   \u003cimg width=\"218\" alt=\"front-end terminal\" src=\"https://github.com/MSaiKiran9/react.nodejs_starter/assets/116418856/f3373ab4-513c-41a6-8c6c-137303405a27\"\u003e\n\n   \n   \u003cb\u003eback-end terminal:\u003cb\u003e\n\n  \n     \u003cimg width=\"437\" alt=\"image\" src=\"https://github.com/MSaiKiran9/react.nodejs_starter/assets/116418856/e615d44b-a2d3-41a7-befc-bcb3ff621bf0\"\u003e\n\n\n6. In the browser now go to http://localhost:5173/ where the vite is serving the front-end's webpage the ui will look something like this :\n\n   \u003cimg width=\"914\" alt=\"image\" src=\"https://github.com/MSaiKiran9/react.nodejs_starter/assets/116418856/ee575ed3-3393-4396-8bca-6de2e1631575\"\u003e\n\n\n\n# From Here:\n1. This as a base point we can implement client - server model \u0026 so on with surreal db as database .\n2. With this base we can also change auth modes or tweak auth modes as per the need .\n\n# Debugging:\n- Some console logs \u0026 methods are commented to ensure one can quickly comment out and check some other surrealdb methods and better debug the issues while connecting to surrealdb .\n\n# Any issues ?\n- Feel free to raise the issue and contribute :)\n","funding_links":[],"categories":["Starter Kits"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMSaiKiran9%2Freact.nodejs_starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FMSaiKiran9%2Freact.nodejs_starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMSaiKiran9%2Freact.nodejs_starter/lists"}