https://github.com/poran-dip/poran-stack
A modern full-stack web development template. Express + Node.js for backend and React (Vite + TS) + TailwindCSS + React Router for frontend. Skip the set-up headaches and jump straight into building!
https://github.com/poran-dip/poran-stack
backend express frontend full-stack node-js react react-router tailwindcss template typescript vite
Last synced: about 13 hours ago
JSON representation
A modern full-stack web development template. Express + Node.js for backend and React (Vite + TS) + TailwindCSS + React Router for frontend. Skip the set-up headaches and jump straight into building!
- Host: GitHub
- URL: https://github.com/poran-dip/poran-stack
- Owner: poran-dip
- License: mit
- Created: 2025-08-25T19:23:54.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-08-25T21:01:38.000Z (10 months ago)
- Last Synced: 2025-08-25T21:34:22.144Z (10 months ago)
- Topics: backend, express, frontend, full-stack, node-js, react, react-router, tailwindcss, template, typescript, vite
- Language: TypeScript
- Homepage: https://poran-stack.vercel.app
- Size: 75.2 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Express + React + Node.js Template
*by Poran Dip*
A full-stack template connecting a **React + Vite** frontend with an **Express + Node.js** backend. Clone, install, and start building your project instantly.
---
## ⚡ Features
Modern setup for both frontend and backend, ready to go.
### Frontend
* **[React](https://react.dev)** – Component-based UI library
* **[TailwindCSS](https://tailwindcss.com)** – Utility-first styling framework
* **[React Router v7](https://reactrouter.com)** – Declarative routing
* **[Vite](https://vite.dev)** – Lightning-fast bundler
### Backend
* **[Express](https://expressjs.com)** – Simple, route-based backend library
* **[TypeScript](https://typescriptlang.org)** – Type safety across frontend & backend
* **[Node.js](https://nodejs.org)** – Reliable runtime for backend logic
---
## ⚙️ Setup
- **Clone the repo**
```bash
git clone https://github.com/poran-dip/fullstack-template.git
```
- **Install dependencies**
```bash
# Backend
cd server
npm install
# Frontend
cd client
npm install
```
- **Environment setup**
Copy `.env.example` in `server/` → `.env`
**⚠️ Never commit `.env`!**
- **Database (optional)**
Your app might not need a database — but if you want one, pick what fits best. Some popular options are:
* [MongoDB](https://mongodb.com) – classic MERN stack
* [Postgres](https://postgresql.org/) – relational DB (works great with [Prisma](https://prisma.io))
- **Start development servers**
```bash
# Backend
cd server
npm run dev
# Frontend
cd client
npm run dev
```
---
### 🎉 Happy Developing!
> Efficiency is power. Build fast, build smart.
Follow me on [GitHub](https://github.com/poran-dip) for more projects