Free-Time

For best experience, please view this README in the browser

Descripton

FreeTime is a full-stack application that helps users get better at finding and scheduling events with friends by tracking their schedules simultaneously. The front end displays views created from data in a PostgreSQL database. For the development of this application it was separated into 4 main sections as outlined in the project proposal including a personal calendar in week view, a friends list, friends calendar integration, as well as importing all user data from their own google calendar. Currently the calendar is displaying the users current information imported from their google calendar, and as multiple users are selected their calendar information is joined into the calendar view to highlight the mutually available free time.

This data is pulled live and if anyone adjusts their google calendar it will be reflected in the view.

To accomplish this the programs used include React and served the application with a Node.js web server using Express.

How to set up the application

• Run npm install inside this directory to install dependencies.
• Ensure that PostgreSQL instance is running on your computer (psql -d mydb -U myusername).
• Create the database and tables using the provided schema.sql by running the following command (psql -f /server/database/schema.sql).
• Start the application using the provided Express web server with two commands, npm run react-dev and npm start, in two separate terminal tabs.
• Upon page load the user will be prompted to login to their existing google account, which will enable the ability to import one's calendar

Team of Full Stack Developers

• Product Manager: Justin Greer
• Architectural Manager: Owen Crookston
• UI/UX Lead: Bulgan Erdenebaatar
• Joe Wagstaff
• Skip Harris
• Benjue Han

Table of Contents

• Front End (UI/UX)
  • Friend's List
  • Calendar (week view)
  • Date & Time
• Back End
  • Google Authentication
  • Server (Express) and Database (PostgreSQL)

Application Documentation

• Postman
• React Docs
• Webpack Docs
• Axios Docs
• Node.js Docs
• Express Docs
• Body Parser Middleware Docs
• MDN
• Stack Overflow
• Google Search to search for the correct page on any of the documentation above