{"id":18353643,"url":"https://github.com/taystack/lattice_movies","last_synced_at":"2025-04-10T00:55:22.424Z","repository":{"id":150576704,"uuid":"285490735","full_name":"taystack/lattice_movies","owner":"taystack","description":null,"archived":false,"fork":false,"pushed_at":"2020-08-06T07:05:28.000Z","size":230,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-10T00:55:19.244Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/taystack.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2020-08-06T06:21:47.000Z","updated_at":"2023-03-04T03:23:58.000Z","dependencies_parsed_at":null,"dependency_job_id":"958be7b2-5dc6-46f9-bbc8-868b8d111a8f","html_url":"https://github.com/taystack/lattice_movies","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/taystack%2Flattice_movies","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taystack%2Flattice_movies/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taystack%2Flattice_movies/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taystack%2Flattice_movies/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/taystack","download_url":"https://codeload.github.com/taystack/lattice_movies/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248137994,"owners_count":21053775,"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":[],"created_at":"2024-11-05T21:42:43.809Z","updated_at":"2025-04-10T00:55:22.405Z","avatar_url":"https://github.com/taystack.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).\n\n# Lattice Movies\n---\n## Setup\nIn order to build this project, it is assumed you have `node`, `yarn` (or `npm`) installed on your machine.\n\nInstall the project dependencies:\n```bash\nyarn\n```\nOr, if you don't use `yarn`\n```bash\nnpm install\n```\n\n## Running the backend\n\nIn the project root, create a `.env` file and add this line:\n```bash\n# .env\n\nAPI_KEY=\u003cyour_tmdb_api_key\u003e\n```\n\nSee `.env.example` for an example format of how your `.env` file should look.\n\n```bash\nyarn run backend # (OR) npm run backend\n```\n\n## Running the client\n\nIn a separate terminal from the previous step:\n\n```bash\nyarn start # (OR) npm start\n```\n\n## Tests\n\nFor testing the front end:\n```bash\nyarn test\n```\nIdeally, there would be a lot more unit tests here. I have run out of time and have neglected composing a mock provider for stubbing the redux store for connected components. Fairly simple, but verbose exercise.\n\nFor testing the backend:\n```bash\nyarn test:backend\n```\n\n## Now what?\nBy now, the `yarn start` script should have spawned a browser addressed to `http://localhost:3000`.\n\nIf everything is running properly, you will be making data requests from port 3000 to port 9292 as CORS has been enabled on the Node/Express backend server.\n\n\n\n\n## Architecture Decisions\n\nIt would be pertinent at this time to address the architecture of the project. The simple way to handle dishing-out a client is to _only_ serve the client. We can clear up traffic on the data (API) this way.\nIn order to do this, the data (API) server will exist on a separate server to the client. CORS will be required for this to work. Authentication will be required as well to prevent unauthorized requests. The auth layer is not implemented.\n\n\nStep 1 - Create a backend server for handling data (API) requests.\n  - Node.js Express framework\n  - Pure JSON responses\n\nStep 2 - Enable CORS, Authenticate 3rd party requests.\n  - 'cors' npm package\n  - 'dotenv' npm package to soak-up env vars\n  -\n\n\nStep 3 - Enable client to be served as index.js.min through Webpack transpilation/generation. (Free from Create React App)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftaystack%2Flattice_movies","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftaystack%2Flattice_movies","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftaystack%2Flattice_movies/lists"}