{"id":14988740,"url":"https://github.com/thepuskar/yelp-clone","last_synced_at":"2025-04-12T00:23:07.455Z","repository":{"id":44947216,"uuid":"267951300","full_name":"thepuskar/yelp-clone","owner":"thepuskar","description":" CLONE of popular YELP web application using create-react-app as a base from scratch using React (functional component \u0026 Custom Hooks), Yelp Fusion REST API, Bulma CSS and flex-box methodology.","archived":false,"fork":false,"pushed_at":"2022-01-17T00:12:54.000Z","size":6102,"stargazers_count":11,"open_issues_count":1,"forks_count":3,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-25T20:11:07.789Z","etag":null,"topics":["bulma-css","create-react-app","flexbox","functional-components","react","react-hooks","react-router","rest-api","yelp","yelp-clone","yelp-fusion-api"],"latest_commit_sha":null,"homepage":"","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/thepuskar.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}},"created_at":"2020-05-29T20:43:11.000Z","updated_at":"2024-10-16T12:16:13.000Z","dependencies_parsed_at":"2022-09-04T00:52:16.359Z","dependency_job_id":null,"html_url":"https://github.com/thepuskar/yelp-clone","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/thepuskar%2Fyelp-clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thepuskar%2Fyelp-clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thepuskar%2Fyelp-clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thepuskar%2Fyelp-clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/thepuskar","download_url":"https://codeload.github.com/thepuskar/yelp-clone/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248498455,"owners_count":21114127,"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":["bulma-css","create-react-app","flexbox","functional-components","react","react-hooks","react-router","rest-api","yelp","yelp-clone","yelp-fusion-api"],"created_at":"2024-09-24T14:17:07.883Z","updated_at":"2025-04-12T00:23:07.432Z","avatar_url":"https://github.com/thepuskar.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# About\n\nIn this repo, I had created the `CLONE` of popular [YELP](https://www.yelp.com/) web application using create-react-app as a base from scratch using `React (functional component \u0026 Custom Hooks)`, `Yelp Fusion REST AP`. In addition to the latter technologies, I had styled the application using`Bulma CSS` and `flexbox` methodology.\n\n# Screenshots\n\n![Yelp](https://user-images.githubusercontent.com/33395312/83405933-541ea700-a42d-11ea-831b-c23a89d9e2aa.png)\n\n# Installation \u0026 Set Up\n\n1. Install and use the correct version of Node\n\n```\nnpm install\nor\nyarn install\n```\n\n2. Installed dependencies\n\n```\n- npm/yarn install bulma-start\n\n- npm/yarn install query-string\n\n- npm/yarn install --save react-background-slider\n\n- npm/yarn install react react-dom\n\n- npm/yarn install --save react-rating\n\n- npm/yarn install --save react-router-dom\n\n- npm/yarn install use-react-router\n```\n\n3. Start the development server\n\n```\nnpm start\nor\nyarn start\n```\n\n# Set Up for Yelp API\n\nIt leverages the free Yelp Fusion REST API for which you need an API key.\n\n1. Head over to the [Yelp Fusion API documentation](https://www.yelp.com/developers/documentation/v3).\n2. Click on `Create App` and sign in if you haven't done so already\n3. Once you have signed in, click on the `Get Started` button. If you already have an app, then you will already see the API key\n4. Copy the generated `API key`. This is a [bearer token](https://stackoverflow.com/questions/25838183/what-is-the-oauth-2-0-bearer-token-exactly/25843058) that must be put inside the header of each request\n5. Navigate to the `.env` file and assign the `BEARER_TOKEN` variable the following content\n   `REACT_APP_YELP_API_KEY = \u003cyour-token-here\u003e`\n6. Run the app with `npm start` or `yarn start`\n\n# Limitations\n\n- This app uses the CORS Anywhere because the Yelp Fusion REST API is meant for server to server communication and does not support CORS\n- For my practical purpose, I decided to proxy all requests through CORS Anywhere so I can focus on building the frontend part of the application.\n\n# Technologies used\n\n- React / create-react-app\n  - only functional components\n  - communication with web servers with React Hooks only\n  - no higher order or class-based components\n- React router with useReactRouter\n- Bulma\n- Flexbox\n- Yelp API\n\n#### If you find this repo useful don't forget to give star\n\n#### #🚀HappyCoding\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthepuskar%2Fyelp-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthepuskar%2Fyelp-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthepuskar%2Fyelp-clone/lists"}