React + tRPC + Prisma + MongoDB

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

Table of Contents

• Features
• Demo
• Installation
• Usage
• Technologies
• Contributing

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://localhost:3000.
3. To access the API visit http://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.