/praxis-mail

Primary LanguageTypeScript

Full Stack Chat PDF Clone

Link to YouTube Tutorial

Overview

Welcome to this comprehensive full-stack tutorial where we build and deploy a fully featured AI powered email client using NextJS 14. Join me as we build an entire project from the ground up and seamlessly deploy it to Vercel 🚀. The application also includes a subscription feature, where users can subscribe to access premium features. The subscription process is handled using Stripe for payments and webhooks for event processing.

Technologies and Frameworks

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Clerk
  • Prisma ORM
  • PostgreSQL
  • AWS SDK
  • OpenAI API
  • Stripe
  • Axios
  • Pinecone
  • OpenAI Edge
  • Neon Database Serverless
  • @tanstack/react-query
  • @clerk/nextjs
  • clsx
  • tailwind-merge

Installation

Follow the steps below to install and setup the project:

  1. Clone the repository

    Open your terminal and run the following command:

    git clone https://github.com/Elliott-Chong/normalhuman.git

  2. Navigate to the project directory

    cd normalhuman

  3. Install Node.js

    The project requires Node.js version 13.4.19 or later. You can download it from here.

  4. Install the required dependencies

    Run the following command to install all the required dependencies:

    npm install

    This will install all the dependencies listed in the package.json file, including Next.js, React, React DOM, Axios, Stripe, Tailwind CSS, and other specific dependencies such as "@aws-sdk/client-s3" and "@clerk/nextjs".

  5. Setup environment variables

    Create a .env file in the root directory of your project and add the required environment variables.

  6. Run the project

    Now, you can run the project using the following command:

    npm run dev

    Open http://localhost:3000 with your browser to see the result.