Ignite Call

7/7 projects of Ignite React specialization by @rocketseat-education : An advanced project focusing on build a full stack app with NextJS, PostgresSQL, OAuth, Google Calendar API integration, deploy and more

Available at (Vercel): jemluz-ignite-call.vercel.app

Requirements

• Register Page
  • Welcome User step:
  • Connect Calendar step:
  • Time intervals step
  • Profile step
• Calendar Page
  • Calendar view:
  • Scheduling form:

Technologies & Libraries used on this project

• NextJS Framework to create high-quality web apps with ReactJS
• React Hook Form Forms support
• Zod Form validation
• Prisma ORM to deal with database
• React Query Fetching, caching, synchronizing and updating server state
• Axios HTTP client
• Next Auth Authentication for NextJS
• Next SEO Search Engine Optimization for nextJS
• Nookies Manage cookies on nextjs
• Google APIs Google Calendar API integration
• Phosphor Icons library
• dayjs Utility library/date treatment and formatting

Issues and Discussions

• Setup and structure

  • Next project creation
  • Design System setup
  • Page extensions

• User registration

  • Home visual structure
  • Understanding API routes
  • Setup prisma on Next I
  • Setup prisma on Next II

• Calendar connection

  • Setup oAuth with Google
  • Adapters
  • Creating user in adapter

• Availability setup

  • Zod transform and validation
  • Zod input and output
  • API rustic request example (axios)
  • Seeing new forms to see the cup
  • Changing database from SQLite to MySQL

• Deploy

  • Deploy at Neon with Postgres
  • Setup Neon database