A responsive calendar for spontaneous individuals who also
have a structured approach to their daily agendas.
- Seven unique restaurants generated for each day of the week automatically placed on the calendar
- Input any form of location to get food choices (zip code, city, state, latitude and longitude or any legible address)
- Search and select from 40 different food categories
- Seperate "Add an Event" interface from calendar viewer to add, update, and delete events
- Restaurant events load asynchronously from Yelp HTTPS request
- Final planner displays a calendar with all personal and restaurant events merged together
- Ability to drag and drop events to adjust event times while persisting data through each page
- Svelte - Web framework
- Yelp Fusion API - For fetching restaurants
- Heroku - PaaS for Hosting CORS Redirect
- svelte-fullcalendar - wrapper of JavaScript FullCalendar
Run this project within your own environment.
-
Clone the repo
git clone https://github.com/vineet2420/PlanMyDay.git
or w/ ssh
git clone git@github.com:vineet2420/PlanMyDay.git
-
Change directories
cd PlanMyDay/main/
-
Run the application locally
npm run dev
-
Open the full address and port in a web browser, most likely:
http://localhost:5000/
-
Go to https://www.yelp.com/developers/documentation/v3/get_started and create an app with the Yelp Fusion API.
-
Paste the API key in the header of
makeRequest()
located in:PlanMyDay/main/src/foodSelectionManager.js
(line 13)
Note: this is not the best practice for production applications but is suitable for our development environment