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

---