Giter Site home page Giter Site logo

artur-poffo / ignite-call Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 208 KB

Building a Complete Full-Stack Project in the Ignite Course

Home Page: https://my-ignite-call.vercel.app

JavaScript 0.30% TypeScript 99.70%
design-system nextjs phosphoricons react reacthookform stitches typescript zod axios dayjs

ignite-call's Introduction

Full Stack call scheduling application

Status: Finished

AboutFeaturesLayoutHow it worksTech StackAuthor

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

Linkedin Badge Gmail Badge


ignite-call's People

Contributors

artur-poffo avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.