Skip to content

A full stack email-password verification with robust server-side validation using Zod and seamless form handling through react-hook-form. The system ensures type safety across the stack using TypeScript, and integrates with a PostgreSQL database via Prisma ORM.

Notifications You must be signed in to change notification settings

RundownHammer/LoginComponent

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 

Repository files navigation

Full Stack Login App

This repository contains a full-stack login application built with:

  • Frontend: React + TypeScript, React Hook Form, Zod, React Query
  • Backend: Node.js + Express + TypeScript, Prisma ORM, PostgreSQL

Installation

Prerequisites

  • Node.js (v18 or higher)
  • npm (v8 or higher)
  • Git
  • postgres

Backend Setup

  1. Navigate to the backend folder
    cd server
    
  2. Install dependencies
    npm install
    
  3. Configure environment Create a .env file in backend/ with:
    DATABASE_URL="file:./dev.db"
    Or point to your PostgreSQL/MySQL database:
    DATABASE_URL="postgresql://USER:PASSWORD@HOST:PORT/DB_NAME"  
    
  4. Run Prisma migrations & generate client Create a .env file in backend/ with:
    npx prisma migrate dev --name init
    npx prisma generate
    
  5. Start the development server Create a .env file in backend/ with:
    npm run dev
    The backend will be available at: http://localhost:5000

Frontend Setup

  1. Navigate to the frontend folder

    cd frontend
  2. Install dependencies

    npm install
  3. Start the development server

    npm run dev

    The frontend will be available at: http://localhost:5173

Test User Credentials

Use the following credentials to test the login flow:

Email: test@example.com

Password: 123456

About

A full stack email-password verification with robust server-side validation using Zod and seamless form handling through react-hook-form. The system ensures type safety across the stack using TypeScript, and integrates with a PostgreSQL database via Prisma ORM.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published