Skip to content

Monorepo for React application with tRPC support and Express.js as backend. Including Prisma ORM with MongoDB.

Notifications You must be signed in to change notification settings

Shaban-Eissa/React-tRPC-Prisma-MongoDB

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React + tRPC + Prisma + MongoDB

A Fullstack built with React, tRPC, Prisma, and MongoDB.

Table of Contents

Features

  • Create: Allow users to create items that stored on mongoDB.
  • Delete: Allow users to delete items that stored on mongoDB.

Demo

Installation

  1. Clone the repository:

    git clone https://github.com/Shaban-Eissa/React-tRPC-Prisma-MongoDB
  2. Navigate to the project directory:

    cd React-tRPC-Prisma-MongoDB
  3. Install dependencies:

    npm i --workspaces
  4. Create .env file in server workspace:

    DATABASE_URL=your_mongodb_url
  5. Open terminal and write npx prisma db push. used to update the database schema to match your Prisma schema. It creates tables in the database if they don't exist, and updates existing tables if they are different.

  6. Open terminal and write npx prisma generate. used to generate the Prisma Client based on your Prisma schema.

Usage

  1. Start the development server:
    npm run dev
  2. To access React application visit http:https://localhost:3000.
  3. To access the API visit http:https://localhost:3000/trpc/todo.list.

Technologies

This project utilizes a robust stack of modern technologies for efficient development and optimal user experience:

  • React
  • Typescript
  • tRPC
  • Prisma
  • MongoDB
  • Tailwind CSS

Contributing

Contributions are welcome! Please follow these guidelines:

  1. Fork the repository.
  2. Create a new branch for your feature/bugfix: git checkout -b feature-name.
  3. Commit your changes: git commit -m 'Add some feature'.
  4. Push to the branch: git push origin feature-name.
  5. Open a pull request.

About

Monorepo for React application with tRPC support and Express.js as backend. Including Prisma ORM with MongoDB.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published