{"id":22189865,"url":"https://github.com/robpruzan/react-django-skeleton-","last_synced_at":"2025-10-12T22:31:46.750Z","repository":{"id":69973164,"uuid":"560664091","full_name":"RobPruzan/React-Django-Skeleton-","owner":"RobPruzan","description":"A repo to quick start your react/django/postgresql project","archived":false,"fork":false,"pushed_at":"2023-03-06T16:53:49.000Z","size":741,"stargazers_count":6,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-05T21:12:05.082Z","etag":null,"topics":["django","django-rest-framework","postgresql","react"],"latest_commit_sha":null,"homepage":"","language":"Python","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/RobPruzan.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":"2022-11-02T01:38:24.000Z","updated_at":"2025-03-06T19:49:15.000Z","dependencies_parsed_at":"2024-12-02T19:05:08.950Z","dependency_job_id":null,"html_url":"https://github.com/RobPruzan/React-Django-Skeleton-","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/RobPruzan/React-Django-Skeleton-","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RobPruzan%2FReact-Django-Skeleton-","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RobPruzan%2FReact-Django-Skeleton-/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RobPruzan%2FReact-Django-Skeleton-/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RobPruzan%2FReact-Django-Skeleton-/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RobPruzan","download_url":"https://codeload.github.com/RobPruzan/React-Django-Skeleton-/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RobPruzan%2FReact-Django-Skeleton-/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279013269,"owners_count":26085250,"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-10-12T02:00:06.719Z","response_time":53,"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":["django","django-rest-framework","postgresql","react"],"created_at":"2024-12-02T11:39:05.966Z","updated_at":"2025-10-12T22:31:46.268Z","avatar_url":"https://github.com/RobPruzan.png","language":"Python","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Django and React Intialized Project\nThis repository/tech stack contains a Django/React/Postgresql project, utilizing the Django Rest Framework for API development and React/Create React App as the frontend framework. This project also uses Redux for state management, react-query for optimized api queries, Tailwind/MaterialUI for styling, and has Redux DevTools + React-Query DevTools enabled for debugging.\n\n## Getting Started\n### Prerequisites\nBefore you begin, make sure you have the following software installed on your computer:\n\nPython 3.6 or newer\nNode.js 12 or newer\n### Installation\n1. To get started, clone the repository OR create a new repository with this repository imported \n2. Navigate to the root directory:\n\n### Database \nInstall neccesary dependencies for django postgres intergration (using brew)\n- If you don't have/use brew, head over to the postgres docs and install the latest version for your machine/OS, and refer to it for commands on how to start/stop/restart the server- https://www.postgresql.org/docs/ \n```\nbrew install postgresql\n```\nStart up postgres\n```\nbrew services start postgresql\n```\nCreate db\n```\ncreatedb \u003cdb_name\u003e\n```\nCreate user and password\n```\npsql \u003cdb_name\u003e\n\u003cdb_name\u003e=# CREATE USER \u003cuser\u003e WITH PASSWORD '\u003cpassword\u003e'\n\u003cdb_name\u003e=# GRANT ALL PRIVILEGES ON DATABASE \u003cdb_name\u003e TO \u003cuser\u003e;\n```\nTo confirm the role exists run the following commands and the role should appear\n```\npsql \u003cdb_name\u003e\n\\du\n```\nNext, install the Python dependencies (if you have a virtual enviornment, now is when you should turn it on):\n\n\n```bash\ncd backend\npip install -r requirements.txt\n```\nThis will install all the necessary Python packages, including Django and the Django Rest Framework.\n\n\nNext, install the Node.js dependencies:\n\n\n```bash\ncd ..\ncd web\nnpm install\n```\nThis will install all the necessary Node.js packages, including Redux, React-query, Tailwind CSS, MaterialUI, and the Redux DevTools.\n## Django X Postgres\nWe need to connect django to our Postrgres DB\n\nTo do this navigate to local_settings.py (this is located in the backend directory, right under the root directory of the project)\n\nWithin local_settings.py place your DB information used earlier to create your DB\n```\nDATABASES = {\n    \"default\": {\n        \"ENGINE\": \"django.db.backends.postgresql_psycopg2\",\n        \"NAME\": \"\u003cdb_name\u003e\",\n        \"USER\": \"\u003cuser_name\u003e\",\n        \"PASSWORD\": \"\u003cpassword\u003e\",\n        \"HOST\": \"localhost\",\n        \"PORT\": \"5432\",\n    }\n}\n```\n\n## Migrations\nNext, you'll need to run the Django migrations to create the necessary database tables:\n\n\n```bash\npython3 manage.py makemigrations\npython3 manage.py migrate\n```\n## Running the Server\nTo start the Django development server, run the following command:\n\n\n```bash\npython3 manage.py runserver\n```\nThis will start the server at http://localhost:8000/.\n\nTo start the React development server, run the following command in a separate terminal window:\n\n\n```bash\nnpm run start\n```\n\nYou can now access the application at http://localhost:3000/. Any changes you make to the code will automatically be reflected in the browser.\n\n## Debugging with Redux DevTools\nTo debug the Redux store, you can use the Redux DevTools extension for your browser. This extension allows you to see the state of the store at any point in time, and to revert back to previous states if necessary. Make sure to download the redux extension from the chrome extension store for free.\n![image](https://user-images.githubusercontent.com/97781863/208782727-cd700ac6-c138-4688-b863-c02585123eaf.png)\n## Debugging with react-query\nReact-querys devtools is implemented as a component, so no install is required to start debugging! You should see a flower at the bottom left of your page, and when clicking, this panel should show\n![image](https://user-images.githubusercontent.com/97781863/209912435-927598a9-4a6f-488c-be29-01025409cb68.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frobpruzan%2Freact-django-skeleton-","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frobpruzan%2Freact-django-skeleton-","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frobpruzan%2Freact-django-skeleton-/lists"}