{"id":13641042,"url":"https://github.com/ajayns/react-projects","last_synced_at":"2025-05-15T13:06:33.906Z","repository":{"id":40295094,"uuid":"115901925","full_name":"ajayns/react-projects","owner":"ajayns","description":"A collection of projects built on the React library","archived":false,"fork":false,"pushed_at":"2024-08-19T13:05:55.000Z","size":1766,"stargazers_count":1523,"open_issues_count":144,"forks_count":655,"subscribers_count":25,"default_branch":"master","last_synced_at":"2025-04-11T21:49:07.545Z","etag":null,"topics":["jsx","projects","react","react-router","redux"],"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/ajayns.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-01-01T05:51:39.000Z","updated_at":"2025-04-10T02:12:02.000Z","dependencies_parsed_at":"2024-11-20T07:18:52.904Z","dependency_job_id":null,"html_url":"https://github.com/ajayns/react-projects","commit_stats":{"total_commits":40,"total_committers":3,"mean_commits":"13.333333333333334","dds":0.125,"last_synced_commit":"f2529c7d6cbb78aaeba90fdaa48f663b48cdb8f8"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajayns%2Freact-projects","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajayns%2Freact-projects/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajayns%2Freact-projects/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajayns%2Freact-projects/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ajayns","download_url":"https://codeload.github.com/ajayns/react-projects/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254346624,"owners_count":22055808,"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":["jsx","projects","react","react-router","redux"],"created_at":"2024-08-02T01:01:17.187Z","updated_at":"2025-05-15T13:06:28.885Z","avatar_url":"https://github.com/ajayns.png","language":"JavaScript","readme":"# React Projects\n\n(not maintained, was just for practice earlier)\nA couple of projects to get familiar with the React framework.\n\n![Giphy](https://media.giphy.com/media/l0HUhhAtb86vYAHkY/giphy.gif)\n![Giphy](https://media.giphy.com/media/26gN147Cy7zF1Mv7y/giphy.gif)\n![Giphy](https://media.giphy.com/media/26DNeo2xDmfj3plbW/giphy.gif)\n\n\n## Projects\n1. **todo**: Basic todo app to get started.\n2. **tictactoe**: A tic-tac-toe game uses states and props.\n3. **markdown-editor**: A real-time markdown editor SPA. [(Live Demo)](https://react-markdown-editor.firebaseapp.com)\n4. **basic-react-redux**: Basic react-redux project which handles articles in its store.\n5. **basic-redux-thunk**: Basic react-redux-thunk project which handles items from an API using thunk, uses redux for store.\n6. **book-store [WIP]**: Online book store built over react-redux and Bootstrap for UI.\n7. **trip-mate**: Manage and keep track of your trips with this simple, smooth webapp. Uses react-router, custom styling. [(Live Demo)](https://react-trip-mate.firebaseapp.com)\n8. **property-finder**: Search for and list properties. Built on React-Native, uses react-navigation.\n9. **todo-pwa**: The classic Todos Tracker as a Progressive Web App. Built using React, Redux, leveraging styled-components, PaperCSS, Service Worker tools. Data is retained using localStorage [(Live Demo)](https://paper-todo.firebaseapp.com)\n10. **gatsbyjs-markdown-blog**: GatsbyJS blog which fetches markdown blog posts, lists them and displays each post wrapped up as a static site. Based on the tutorials in the official docs, uses GraphQL, Typography.js, Remark plugin, Glamor.\n11. **reddit-clone**: react-redux-thunk project that calls the RedditAPI to fetch posts from selected subreddits. [(Live Demo)](https://github.com/ajayns/frontend-dev-talk)\n\n\n## Development\n\nProjects such as _create-react-app_, _nwb_ and _react-slingshot_ have been used to setup development envs.\n\nInstall all the required packages/dependencies using yarn\n\n### `yarn`\n\nServe the app to browser\n\n### `yarn start`\n\n\n## Tutorials/References\n\nhttps://reactjs.org/tutorial/tutorial.html\n\nhttps://egghead.io/courses/the-beginner-s-guide-to-reactjs\n\nhttps://www.valentinog.com/blog/react-redux-tutorial-beginners/\n\nhttps://medium.com/@stowball/a-dummys-guide-to-redux-and-thunk-in-react-d8904a7005d3\n\nhttps://www.raywenderlich.com/178012/react-native-tutorial-building-android-apps-javascript\n\nhttps://medium.com/@rajaraodv/step-by-step-guide-to-building-react-redux-apps-using-mocks-48ca0f47f9a\n\nhttps://www.gatsbyjs.org/tutorial/part-four/\n\nhttps://redux.js.org/advanced/example-reddit-api\n\n## Contributing\n\nSorry, as this was a practice repo and no longer maintained, will not be updating the repo nor looking into issues/PRs.\n","funding_links":[],"categories":["Index","▶️ Content","Themed Directories"],"sub_categories":["Projects"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fajayns%2Freact-projects","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fajayns%2Freact-projects","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fajayns%2Freact-projects/lists"}