{"id":21170265,"url":"https://github.com/danieldev0724/django-react-soft-dashboard","last_synced_at":"2026-04-18T13:34:35.754Z","repository":{"id":188892013,"uuid":"664005792","full_name":"danieldev0724/django-react-soft-dashboard","owner":"danieldev0724","description":"Django React - Soft UI Dashboard (Free Product) | AppSeed ","archived":false,"fork":false,"pushed_at":"2023-07-08T17:00:20.000Z","size":5794,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-14T17:27:55.800Z","etag":null,"topics":["django","full-stack","react"],"latest_commit_sha":null,"homepage":"https://django-react-soft-dashboard.appseed-srv1.com/authentication/sign-in","language":"Python","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/danieldev0724.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2023-07-08T16:59:08.000Z","updated_at":"2023-07-14T09:07:24.000Z","dependencies_parsed_at":"2023-08-17T11:09:25.002Z","dependency_job_id":null,"html_url":"https://github.com/danieldev0724/django-react-soft-dashboard","commit_stats":null,"previous_names":["danieldev0724/django-react-soft-dashboard"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/danieldev0724/django-react-soft-dashboard","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danieldev0724%2Fdjango-react-soft-dashboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danieldev0724%2Fdjango-react-soft-dashboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danieldev0724%2Fdjango-react-soft-dashboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danieldev0724%2Fdjango-react-soft-dashboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/danieldev0724","download_url":"https://codeload.github.com/danieldev0724/django-react-soft-dashboard/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danieldev0724%2Fdjango-react-soft-dashboard/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31971488,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-18T00:39:45.007Z","status":"online","status_checked_at":"2026-04-18T02:00:07.018Z","response_time":103,"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","full-stack","react"],"created_at":"2024-11-20T15:57:47.274Z","updated_at":"2026-04-18T13:34:30.746Z","avatar_url":"https://github.com/danieldev0724.png","language":"Python","funding_links":[],"categories":[],"sub_categories":[],"readme":"# [React Soft Dashboard](https://appseed.us/product/soft-ui-dashboard/api-server-django/react/) - `Django API`\n\nStart your Development with an Innovative Admin Template for **Material-UI** and **React**. [Soft UI Dashboard React](https://appseed.us/product/soft-ui-dashboard/api-server-django/react/) is built with over 70 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining. The product comes with a simple JWT authentication flow: login/register/logout. \n\n- 👉 [Django React Soft Dashboard](https://appseed.us/product/soft-ui-dashboard/api-server-django/react/) - product page\n- 👉 [Django React Soft Dashboard](https://django-react-soft-dashboard.appseed-srv1.com/authentication/sign-in) - LIVE Demo\n\n\u003cbr /\u003e\n\n\u003e Features\n\n- ✅ Innovative `Material-UI Design` - Creafted by [Creative-Tim](https://bit.ly/3fKQZaL)\n- ✅ React, Redux, Redux-persist\n- ✅ Authentication: JWT Login/Register/Logout\n- ✅ **Full-stack Ready** using a **Django API Server** (open-source project) - Server Features\n  - Django / DRF / SQLite3 - a simple, easy to use backend\n  - Authentication with JWT (login, logout, register)\n  - Docker, Unitary tests\n  \n\u003cbr /\u003e\n\n![React Soft Dashboard - Open-source full-stack product](https://user-images.githubusercontent.com/51070104/176936814-74386559-4e05-43d5-b9a4-8f70ce96a610.png)\n\n\u003cbr /\u003e\n\n\u003e React UI Tests:\n\n| NodeJS | NPM | YARN | Status | \n| --- | --- | --- | --- | \n| `v16.13.0` | `v8.1.0`   | `v1.22.5` | ✔️ | \n| `v14.15.0` | `v6.14.8`  | `v1.22.5` | ✔️ |\n| `v12.22.0` | `v6.14.11` | `v1.22.5` | ✔️ |\n\n\u003cbr /\u003e\n\n## ✨ Quick-start \n\n\u003e 👉 **Start the [Django API](./django-api)** using `Docker`\n\n```bash\n$ cd django-api\n$ docker-compose up --build  \n```\n\nAt this point, the API should be up \u0026 running at `http://localhost:5000`, and we can test the interface using POSTMAN or `curl`.\n\n\u003cbr /\u003e\n\n\u003e 👉 **Start the [React UI](./react-ui)** (using another terminal)\n\n```bash\n$ cd react-ui\n$ yarn         # install dependencies\n$ yarn start   # start the app \n```\n\nOnce all the above commands are executed, the `React UI` should be visible in the browser. By default, the app redirects the guest users to authenticate. \nAfter we register a new user and Sign IN, all the private pages become accessible. \n\n\u003cbr /\u003e\n\n![React Soft Dashboard - Open-source full-stack product with Django API Backend.](https://user-images.githubusercontent.com/51070104/136687466-1dfeeb6b-d474-45df-879b-0857b27eb615.gif) \n\n\u003cbr \u003e\n\n## ✨ General Information\n\nThe product is built using a `two-tier` pattern where the React frontend is decoupled logically and physically from the API backend. How to use the product: \n\n- `Compile and start` the **Django API Backend**\n  - by default the server starts on port `5000`\n- `Compile and start` the **React UI**\n  - UI will start on port `3000` and expects a running backend on port `5000`\n- `Configuration` (Optional)\n  - Change the API port\n  - Configure the API port used by the React UI to communicate with the backend \n\n\u003cbr /\u003e\n\n## ✨ Manual build\n\n### **Start the Django API** \n\nSimple starter built with Python / DRF Library / Sqlite3 and JWT Auth. The authentication flow is based on [json web tokens](https://jwt.io).\n\n\u003cbr /\u003e\n\n\u003e 👉 **Step #1** -  Change the directory to `django-api`\n\n```bash\n$ cd django-api\n```\n\n\u003cbr /\u003e\n\n\u003e 👉 **Step #2** - Create a virtual environment\n\n```bash\n$ # Virtualenv modules installation (Unix based systems)\n$ virtualenv env\n$ source env/bin/activate\n$\n$ # Virtualenv modules installation (Windows based systems)\n$ # virtualenv env\n$ # .\\env\\Scripts\\activate\n```\n\n\u003cbr /\u003e\n\n\u003e 👉 **Step #3** - Install dependencies using PIP\n\n```bash\n$ pip install -r requirements.txt\n```\n\n\u003cbr /\u003e\n\n\u003e 👉 **Step #4** - Create a new `.env` file using sample `env.sample`\n\nThe meaning of each variable can be found below: \n\n- `DEBUG`: if `True` the app runs in develoment mode\n  - For production value `False` should be used\n- `SECRET_KEY`: used in assets management\n\n\u003cbr /\u003e\n\n\u003e 👉 **Step #5** - Start the API server\n\n```bash\n$ python manage.py migrate\n$ python manage.py runserver 5000\n```\n\nThe API server will start using the explicit port `5000`.\n\n\u003cbr /\u003e\n\n### Compile \u0026 start the **React UI**\n\n```bash\n$ cd react-ui\n$\n$ # Install Modules\n$ yarn\n$\n$ # Start for development (LIVE Reload)\n$ yarn start \n```\n\n\u003cbr /\u003e\n\n### Configuration (Optional)\n\n\u003e Change the port exposed by the Djago API\n\n```bash\n$ python manage.py runserver 5000\n```\n\nNow, the API will start on port `5000`. \n\n\u003cbr /\u003e\n\n\u003e Update the API port used by the React Frontend\n\n**API Server URL** - `src/config/constant.js` \n\n```javascript\n    API_SERVER: 'http://localhost:5001/api/'  // \u003c-- The magic line\n```\n\nThe value can be updated during the build using the environment\n\n```bash\n$ export REACT_APP_BACKEND_SERVER='http://localhost:5001/api/' # Unix/MacOS\n$ set REACT_APP_BACKEND_SERVER='http://localhost:5001/api/'    # Windows CMD\n$ $env:REACT_APP_BACKEND_SERVER='http://localhost:5001/api/'   # Windows PowerShell\n```\n\n\u003cbr /\u003e\n\n## ✨ API\n\nFor a fast set up, use this POSTMAN file: [api_sample](https://github.com/app-generator/api-server-unified/blob/main/api.postman_collection.json)\n\n\u003e 👉 **Register** - `api/users/register` (**POST** request)\n\n```\nPOST api/users/register\nContent-Type: application/json\n\n{\n    \"username\":\"test\",\n    \"password\":\"pass\", \n    \"email\":\"test@appseed.us\"\n}\n```\n\n\u003cbr /\u003e\n\n\u003e 👉 **Login** - `api/users/login` (**POST** request)\n\n```\nPOST /api/users/login\nContent-Type: application/json\n\n{\n    \"password\":\"pass\", \n    \"email\":\"test@appseed.us\"\n}\n```\n\n\u003cbr /\u003e\n\n\u003e 👉 **Logout** - `api/users/logout` (**POST** request)\n\n```\nPOST api/users/logout\nContent-Type: application/json\nauthorization: JWT_TOKEN (returned by Login request)\n\n{\n    \"token\":\"JWT_TOKEN\"\n}\n```\n\n\u003cbr /\u003e\n\n## ✨ Product UI\n\n\u003e **Django React Soft UI Dashboard** - Login \n\n![Django React Soft UI Dashboard - Login.](https://user-images.githubusercontent.com/51070104/142403942-3a2228e6-c769-4259-8e78-c000056db7c4.png)\n\n\u003cbr /\u003e\n\n\u003e **Django React Soft UI Dashboard** - User Profile\n\n![Django React Soft UI Dashboard - User Profile](https://user-images.githubusercontent.com/51070104/142403992-81e86dc5-4d73-4cca-8a1b-300a0f5475a0.png)\n\n\u003cbr /\u003e\n\n\u003e **Django React Soft UI Dashboard** - Billing Page\n\n![Django React Soft UI Dashboard - Billing Page.](https://user-images.githubusercontent.com/51070104/142404073-68b96008-fb06-4ff5-98cf-c8e3eca636c9.png)\n\n\u003cbr /\u003e\n\n## Links \u0026 Resources\n\n- Ask for [Support](https://appseed.us/support) on [Discord](https://discord.gg/fZC6hup)\n- See for [React Starters](https://appseed.us/apps/react) - index provided by AppSeed\n\n\u003cbr /\u003e\n\n---\n[Django React Soft Dashboard](https://appseed.us/product/soft-ui-dashboard/api-server-django/react/) - Provided by **[App Generator](https://appseed.us/app-generator)**.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdanieldev0724%2Fdjango-react-soft-dashboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdanieldev0724%2Fdjango-react-soft-dashboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdanieldev0724%2Fdjango-react-soft-dashboard/lists"}