Skip to content

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

1 star

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages