https://github.com/pjaerr/findr
A tinder-like swiping application but for things to do nearby. Made with React.
https://github.com/pjaerr/findr
express foursquare-api nextjs nodejs react reactjs tinder
Last synced: 5 months ago
JSON representation
A tinder-like swiping application but for things to do nearby. Made with React.
- Host: GitHub
- URL: https://github.com/pjaerr/findr
- Owner: Pjaerr
- Created: 2018-01-15T16:55:28.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2023-02-17T08:37:36.000Z (over 2 years ago)
- Last Synced: 2025-05-08T22:54:05.945Z (5 months ago)
- Topics: express, foursquare-api, nextjs, nodejs, react, reactjs, tinder
- Language: JavaScript
- Homepage: https://findr-rebuild.netlify.com/
- Size: 6.77 MB
- Stars: 4
- Watchers: 2
- Forks: 1
- Open Issues: 29
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Findr
### A tinder-like web app that helps you find things to do nearby
A live running version can be found at https://findr-rebuild.netlify.app/
[](https://app.netlify.com/sites/findr-rebuild/deploys)
\*Sorry for the dodgy gif :(
#### Frontend
- React
- Next.js
I also made use of the `React-Swipy` library for the card swiping.
#### Backend (as an API)
- Node.js
- Express
- Foursquare API
This web app was originally made using my very basic react knowledge and the google maps API. It was very bad but the code can still be found in the `old` branch.
#### Getting Setup
1. Clone the repository locally
2. Navigate to /frontend and run `npm install`
3. Navigate to /backend and run `npm install`
4. Inside the `/backend/example.env` file, put your foursquare client_id and client_secret (info on getting these can be found [here](https://developer.foursquare.com/docs/api))
5. In the same file, ensure your list of allowed origins includes 'http://localhost:3000' (this is your frontend)
6. Rename your `example.env` to just `.env`
7. Inside of the /backend folder Run `npm start` to start the backend. You can see if this is working by visiting `http://localhost:3001`
8. Inside of the /frontend/src/utils folder, modify the `getPlaces` function so that the url points to your locally running backend (`http://localhost:3001`)
9. Inside of the /frontend folder, run `npm run dev` to start the frontend. You can also run `npm run build` followed by `npm start` to run the production build.
#### Contributing
I made this app as a way to solidify everything I have learned, but hopefully I have also made it easy enough to contribute despite that not being the goal of this project.
Feel free to fork the project and make whatever changes you want, I will happily merge them in if they are useful!
If you are stuck on what to work on but still want to contribute, check out the Github Issues as I will put any bugs or potential features there