{"id":18074379,"url":"https://github.com/headwinds/reagent-reframe-material-ui","last_synced_at":"2025-04-12T05:52:37.584Z","repository":{"id":150897667,"uuid":"146289404","full_name":"headwinds/reagent-reframe-material-ui","owner":"headwinds","description":"the goal is demo each material ui component using ClojureScript","archived":false,"fork":false,"pushed_at":"2018-11-29T00:29:44.000Z","size":37171,"stargazers_count":15,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-12T05:52:29.618Z","etag":null,"topics":["clojure","clojurescript","heroku","material-ui","re-frame","reagent"],"latest_commit_sha":null,"homepage":null,"language":"Clojure","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/headwinds.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":"2018-08-27T11:40:25.000Z","updated_at":"2022-06-07T00:03:41.000Z","dependencies_parsed_at":"2023-05-23T18:45:46.613Z","dependency_job_id":null,"html_url":"https://github.com/headwinds/reagent-reframe-material-ui","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/headwinds%2Freagent-reframe-material-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/headwinds%2Freagent-reframe-material-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/headwinds%2Freagent-reframe-material-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/headwinds%2Freagent-reframe-material-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/headwinds","download_url":"https://codeload.github.com/headwinds/reagent-reframe-material-ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248525156,"owners_count":21118616,"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":["clojure","clojurescript","heroku","material-ui","re-frame","reagent"],"created_at":"2024-10-31T10:12:27.064Z","updated_at":"2025-04-12T05:52:37.555Z","avatar_url":"https://github.com/headwinds.png","language":"Clojure","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Reagent, Re-frame \u0026 Material UI\n\n![screenshot](gallery.png)\n\n- [Reagent](https://github.com/reagent-project/reagent)\n- [Re-frame](https://github.com/Day8/re-frame)\n- [Material UI](https://material-ui.com/)\n- [Starwars API](http://swapi.co/)\n\nInspired by the [material ui](https://material-ui.com/) site which has a really nice look and feel, I thought would also be nice to port all the component demos to ClojureScript using a similar layout and approach.\n\nThis repo represents a start at this design goal and begins to outline the skeleton but the demos are not fully fleshed out yet. This is where we need your help. So why don't we combine \"the world's popular framework\" with data from one of the best sci-fi movie series, Star Wars?\n\n## Demo\n\n[demo](https://reagent-reframe-material.now.sh)\n\n## Start\n\n```\nlein figwheel\n```\n\n## Create an alias\n\n```\nln -n /path/to/this/project ~/starwars\ncd starwars\n```\n\nOpen browser to http://localhost:5000/\n\n## Contributing\n\nThis is great opportunity to learn Reagent, Re-frame and Material-UI as a group.\n\nPlease use the demo-template.cljs to create your component demo and it the list in sidebar.cljs file.\n\n## Deployment to Zeit\n\n```\nnow\n```\n\n## Deployment to Heroku\n\nCopy this example folder into a new directory outside of this git repo so that it has it own git repo. We don't want to have nested repos. A future improvement would to have a build script that would automatically move it.\n\n!! Copy and paste this folder into a new directory outside of this project repo !!\n\n1.  View the project the browser which also compiles necessary files that are later built in the uberjar\n\n```\nlein figwheel\n```\n\n2.  Create the uberjar\n\n```\nlein with-profile -dev,+production uberjar\n```\n\n3.  Deploy to Heroku\n\n```\nheroku login\ngit init\ngit add .\ngit commit -m \"first commit\"\nheroku create\ngit push heroku master\nheroku ps:scale web=1\nheroku open\n```\n\nNote: because you moved this into a new directory, you shouldn't have a problem but if you happen to have github repo too you will need to add heroku. After you do the step `heroko create` you will need to add the heroku path `heroku git:remote -a radiant-falls-68370` replacing that radiant-falls-68370 with whatever heroku spit out for you.\n\nThen open your browser whatever url it created ie: https://glacial-badlands-20785.herokuapp.com/\n\n## Credit\n\n* [Core.async](https://tech.kontor.com/clojures-core-async-how-we-use-it-c5ebc62d0845)\n* [reagent with transition group example](https://github.com/AlexanderWingard/reagent-with-transition-group-example)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fheadwinds%2Freagent-reframe-material-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fheadwinds%2Freagent-reframe-material-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fheadwinds%2Freagent-reframe-material-ui/lists"}