{"id":34866949,"url":"https://github.com/fayfan/arkbites","last_synced_at":"2026-04-09T18:35:19.578Z","repository":{"id":278289949,"uuid":"935068939","full_name":"fayfan/Arkbites","owner":"fayfan","description":"Arkbites is website with tools for helping players of the mobile game Arknights. Players can create an account to track their operators \u0026 materials, make squads with their operators, \u0026 favorite their operators.","archived":false,"fork":false,"pushed_at":"2025-04-03T00:59:41.000Z","size":4087,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-13T03:44:55.435Z","etag":null,"topics":["alembic","beautifulsoup","flask","html-css","postgresql","python","react","redux","sqlalchemy","sqlite"],"latest_commit_sha":null,"homepage":"https://arkbites.com","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/fayfan.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":"2025-02-18T21:15:47.000Z","updated_at":"2025-04-03T00:59:44.000Z","dependencies_parsed_at":null,"dependency_job_id":"3b7a1e2a-0dad-426a-b64a-8cc24ae04350","html_url":"https://github.com/fayfan/Arkbites","commit_stats":null,"previous_names":["fayfan/arkbites"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/fayfan/Arkbites","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fayfan%2FArkbites","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fayfan%2FArkbites/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fayfan%2FArkbites/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fayfan%2FArkbites/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fayfan","download_url":"https://codeload.github.com/fayfan/Arkbites/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fayfan%2FArkbites/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28039253,"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-12-25T02:00:05.988Z","response_time":58,"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":["alembic","beautifulsoup","flask","html-css","postgresql","python","react","redux","sqlalchemy","sqlite"],"created_at":"2025-12-25T22:38:08.873Z","updated_at":"2025-12-25T22:38:09.700Z","avatar_url":"https://github.com/fayfan.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Welcome to Arkbites!\n\nArkbites is website with tools for helping players of the mobile game Arknights. Players can create an account to track their operators \u0026 materials, make squads with their operators, \u0026 favorite their operators.\n\n**[🔭 Click here to visit the Arkbites website!](https://arkbites.com/)**\n\n![Arkbites](https://github.com/user-attachments/assets/e424bbea-56b5-433f-988b-a8e699fa93a6)\n\nArkbites uses the following technologies:\n\n| Frontend                                         | Backend                                          | Database                                         |\n|--------------------------------------------------|--------------------------------------------------|--------------------------------------------------|\n| [![React](https://img.shields.io/badge/React-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB)](https://reactjs.org/) [![Redux](https://img.shields.io/badge/redux-764ABC?style=for-the-badge\u0026logo=redux\u0026logoColor=white)](https://redux.js.org/) [![HTML](https://img.shields.io/badge/HTML-DC4A24?style=for-the-badge\u0026logo=html5\u0026logoColor=white)](https://html.spec.whatwg.org/multipage/) [![CSS](https://img.shields.io/badge/CSS-146eb0?style=for-the-badge\u0026logo=css3\u0026logoColor=white)](https://www.w3.org/Style/CSS/Overview.en.html) | [![Python](https://img.shields.io/badge/python-3670A0?style=for-the-badge\u0026logo=python\u0026logoColor=ffdd54)](https://python.org/) [![Flask](https://img.shields.io/badge/Flask-000000?style=for-the-badge\u0026logo=Flask\u0026logoColor=white)](https://flask.palletsprojects.com/) [![SQLAlchemy](https://img.shields.io/badge/sqlalchemy-D71F00?style=for-the-badge\u0026logo=sqlalchemy\u0026logoColor=white)](https://www.sqlalchemy.org/) | [![PostgreSQL](https://img.shields.io/badge/PostgreSQL-316192?style=for-the-badge\u0026logo=postgresql\u0026logoColor=white)](https://www.postgresql.org/) [![SQLite3](https://img.shields.io/badge/SQLite-003B57?style=for-the-badge\u0026logo=SQLite\u0026logoColor=white)](https://www.sqlite.org/) |\n\n## Database Schema\n\n![Arkbites Database Schema](https://github.com/user-attachments/assets/dbd19cc7-11ae-499d-b151-e52571a390b8)\n\n## [Feature List](https://github.com/fayfan/Arkbites/wiki/Feature-List)\n\n## [User Stories](https://github.com/fayfan/Arkbites/wiki/User-Stories)\n\n## [Wireframes](https://github.com/fayfan/Arkbites/wiki/Wireframes)\n\n## Local Setup\n\n1. Clone this repository (only this branch).\n\n2. Install dependencies.\n\n   ```bash\n   pipenv install -r requirements.txt\n   ```\n\n3. Create a __.env__ file based on the example with proper settings for your development environment.\n\n4. Make sure the SQLite3 database connection URL is in the __.env__ file.\n\n5. Get into your pipenv, migrate your database, seed your database, \u0026 run your Flask app:\n\n   ```bash\n   pipenv shell\n   ```\n\n   ```bash\n   flask db upgrade\n   ```\n\n   ```bash\n   flask seed all\n   ```\n\n   ```bash\n   flask run\n   ```\n\n7. To run the React frontend in development, `cd` into the __react-vite__ directory \u0026 run `npm i` to install dependencies. Next, run `npm run build` to create the `dist` folder. The starter has modified the `npm run build` command to include the `--watch` flag. This flag will rebuild the __dist__ folder whenever you change your code, keeping the production version up to date.\n\n## Deployment through Render.com\n\nVite is a development dependency, so it will not be used in production. This means that you must already have the __dist__ folder located in the root of your __react-vite__ folder when you push to GitHub. This __dist__ folder contains your React code \u0026 all necessary dependencies minified \u0026 bundled into a smaller footprint, ready to be served from your Python API.\n\nBegin deployment by running `npm run build` in your __react-vite__ folder \u0026 pushing any changes to GitHub.\n\nRefer to [Render.com] for more detailed instructions about getting started, creating a production database, \u0026 deployment debugging tips.\n\nFrom the Render [Dashboard], click on the \"New +\" button in the navigation bar, \u0026 click on \"Web Service\" to create the application that will be deployed.\n\nSelect that you want to \"Build \u0026 deploy from a Git repository\" \u0026 click \"Next\". On the next page, find the name of the application repo you want to deploy \u0026 click the \"Connect\" button to the right of the name.\n\nNow you need to fill out the form to configure your app. Most of the setup will be handled by the __Dockerfile__, but you do need to fill in a few fields.\n\nStart by giving your application a name.\n\nMake sure the Region is set to the location closest to you, the Branch is set to \"main\", \u0026 Runtime is set to \"Docker\". You can leave the Root Directory field blank. (By default, Render will run commands from the root directory.)\n\nSelect \"Free\" as your Instance Type.\n\n### Add environment variables\n\nIn the development environment, you have been securing your environment variables in a __.env__ file, which has been removed from source control (i.e., the file is gitignored). In this step, you will need to input the keys \u0026 values for the environment variables you need for production into the Render GUI.\n\nAdd the following keys \u0026 values in the Render GUI form:\n\n- SECRET_KEY: [click \"Generate\" to generate a secure secret for production]\n- FLASK_ENV: production\n- FLASK_APP: app\n- SCHEMA: arkbites\n\nIn a new tab, navigate to your dashboard \u0026 click on your Postgres database instance.\n\nAdd the following keys \u0026 values:\n\n- DATABASE_URL: [copy value from the **External Database URL** field]\n\n**Note:** Add any other keys \u0026 values that may be present in your local __.env__ file. As you work to further develop your project, you may need to add more environment variables to your local __.env__ file. Make sure you add these environment variables to the Render GUI as well for the next deployment.\n\n### Deploy\n\nNow you are finally ready to deploy! Click \"Create Web Service\" to deploy your project. The deployment process will likely take about 10-15 minutes if everything works as expected. You can monitor the logs to see your Dockerfile commands being executed \u0026 any errors that occur.\n\nWhen deployment is complete, open your deployed site \u0026 check to see that you have successfully deployed your Flask application to Render! You can find the URL for your site just below the name of the Web Service at the top of the page.\n\n**Note:** By default, Render will set Auto-Deploy for your project to true. This setting will cause Render to re-deploy your application every time you push to main, always keeping it up to date.\n\n[Render.com]: https://render.com/\n[Dashboard]: https://dashboard.render.com/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffayfan%2Farkbites","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffayfan%2Farkbites","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffayfan%2Farkbites/lists"}