EZ Scheduler Application With React

“EZ Scheduler” – Final Project (Lighthouse Labs Web Development Bootcamp)

Main Contributors: Eugene Lam, Di Wu, Heron Feijao

Overview

For this final project, we created an app called Ez Scheduler that allows users to organize events with friends. Users can create events with time and location(shows on map). User who created an event can invite other users to join the event. Users being invited can see the event information and response to the event. If the event is within 5 days, simple weather information is avaiable for users to confirm the situation of the event.

Final Product

Getting Started

  1. Fork this repository, then clone your fork of this repository.
  2. Install dependencies using the npm install command in both “frontend” and “backend” folder.
  3. Create a database in the “backend” folder by psql. Then use the \i db/schema.sql command to setup the tables.
  4. Create .env file in the “backend folder” with the following information.
  1. Create .env file in the “frontend folder” with the following information.
  1. Start the web server using the npm start command while in the “backend” folder.
  2. Start the client using the npm start command while in the “frontend” folder.
  3. Go to http://localhost:3000/ in your browser.

Tech Stack

  • Front-end
    • React
    • React Router
    • Axios
  • Styling
    • CSS
    • Bootstrap
  • Back-end
    • Express
    • PostreSQL
  • APIs
    • OpenWeatherMap API
    • Google Maps API
    • Send Grid

dependencies

front-end

  • react-google-maps/api
  • sendgrid/mail
  • testing-library/jest-dom
  • testing-library/react
  • testing-library/user-event
  • axios
  • bootstrap-icons
  • react
  • react-cookie
  • react-dom
  • react-router-dom
  • react-scripts
  • react-time-picker
  • timeago-react
  • web-vitals

back-end

  • sendgrid/mail
  • cookie-parser
  • debug
  • dotenv
  • express
  • link-preview-js
  • morgan
  • pg
  • sendgrid

Last updated June 23, 2022

GitHub

View Github