Public repository link: https://github.com/impana-c/cafFIEND
Inspired by Yelp, cafFIEND is a minimalistic website about all things coffee-shop related. cafFIEND is dedicated to coffee enthusiasts, providing a platform to discover and review coffee shops nearby. Users can explore a curated selection of coffee establishments, read and write reviews, and learn info about crucial features for each cafe. The website aims to create a community of coffee lovers sharing their experiences and recommendations to help others find the perfect coffee spot wherever they go.
cafFIEND is implemented as a MERN stack, using MongoDB, Express.js, React.js, and Node.js.
Please follow the instructions in the link HERE to install MongoDB. Also, please follow the instructions to start the server as well. Make sure you are using the correct instructions for your specific Operating System.
git clone https://github.com/impana-c/cafFIEND.git
cd cafFIEND
You will need to be able to run bash and chmod linux command.
chmod u+x start.sh
./start.sh
pip install pymongo
python3 insert.py
cd App/client
npm install
npm i express cors mongoose dotenv nodemon concurrently
npm install react-icons bootstrap axios react-router-dom
npm install @react-google-maps/api
cd ../server
npm init -y
npm install express mongoose cors nodemon
cd ../client
npm install @mui/icons-material f
cd ..
npm install @mui/material @mui/styled-engine-sc styled-components f
(Make sure to run:
sudo killall -9 node on terminal
if any node processes were previously running.)
(Assuming you are in the cafFIEND repo folder)
cd App/client
npm run dev
Replace "YOUR_API_KEY" in the App/client/index.html and App/client/src/Search/Template.jsx files with your Google Maps API Key.
Use an API key from this document
- Go to Google’s credential page: Credentials Page
- Create a project and setup account (will ask for billing information, just fill it out it will be free).
- Select the project you want for this app.
- Fill out the dialog boxes and an API key should show up.
- Copy the API key.
- Make sure that the key is only restricted to the localhost website you open the app on (will show up when doing npm run run dev like "http://localhost:5173/searchresult")
cafFIEND was developed by:
cafFIEND is a project that was primarily inspired by Yelp.