Ignite Call

Full Stack call scheduling application

Status: Finished

About • Features • Layout • How it works • Tech Stack • Author

About

Ignite Call - Full Stack call scheduling application connected to Google calendar, @Rocketseat's Ignite Course Challenge

Features

Create a new user with social login
Connect with Google Calendar
Filter available days and times
See other users page
Schedule event and save to your Google calendar

Layout

The application layout is available on Figma:

How it works

Pre-requisites

Before you begin, you will need to have the following tools installed on your machine: Git, Node.js and docker to run a container with MySql. In addition, it is good to have an editor to work with the code like VSCode

Run the app

Create an .env file to add the environment variables, it should look like this:

To configure NextAuth and Google provider read the documentation

# Database URL to your local database in MySql
DATABASE_URL='mysql://.....'

# Next Auth Configs and providers

# URL of project
NEXTAUTH_URL="http://localhost:3000"
# Random string
NEXTAUTH_SECRET="dawodkiwdjufdkjnfueisfhisjfhsieuhyfhyfthfdgr"

# Following the steps in the NextAuth documentation to configure the providers is a bit of a long explanation :(

# Google Provider
GOOGLE_CLIENT_ID="................"
GOOGLE_CLIENT_SECRET=".............."

Now run the project....

# Clone this repository
$ git clone https://github.com/Artur-Poffo/Ignite-Call.git

# Access the project folder cmd/terminal
$ cd Ignite-Call

# install the dependencies
$ npm install

# Run the application in development mode
$ npm run dev

# The server will start at port: 3000 - go to http://localhost:3000

Tech Stack

The following tools were used in the construction of the project:

Next.js
Typescript
Prisma ORM
Axios
@phosphor-icons
stitches
React-Hook-Form
next-seo
dayjs
react-query
NextAuth
Zod
googleapis

See the file package.json

Author

Artur Poffo - Developer