An open API service indexing awesome lists of open source software.

https://github.com/jaberchowdhury/profast

Profast is a modern, full-stack React application template designed for fast parcel delivery and logistics services. It leverages React Router for routing, TailwindCSS for styling, and includes a beautiful Catppuccin theme switcher for a customizable user experience.
https://github.com/jaberchowdhury/profast

catppuccin catppuccin-theme expressjs nodejs nodemon react react-router shadcn-ui tailwindcss typescript

Last synced: 2 months ago
JSON representation

Profast is a modern, full-stack React application template designed for fast parcel delivery and logistics services. It leverages React Router for routing, TailwindCSS for styling, and includes a beautiful Catppuccin theme switcher for a customizable user experience.

Awesome Lists containing this project

README

          

# Profast

Profast is a modern, full-stack React application template designed for fast parcel delivery and logistics services. It leverages React Router for routing, TailwindCSS for styling, and includes a beautiful Catppuccin theme switcher for a customizable user experience.

## Features

- πŸš€ **Server-side rendering** with React Router
- ⚑️ **Hot Module Replacement (HMR)** for rapid development
- 🎨 **Catppuccin theme switcher** (Latte, Frappe, Macchiato, Mocha)
- πŸ“¦ **Asset bundling and optimization**
- πŸ”„ **Data loading and mutations**
- πŸ”’ **TypeScript** by default
- πŸ’… **TailwindCSS** and shadcn/ui for modern UI components
- πŸ—ΊοΈ **Parcel delivery, reviews, and warehouse data**

## Getting Started

### Installation

Install dependencies:

```bash
pnpm install
# or
npm install
```

### Development

Start the development server:

```bash
pnpm run dev
# or
npm run dev
```

Visit [http://localhost:5173](http://localhost:5173) in your browser.

### Building for Production

Create a production build:

```bash
pnpm run build
# or
npm run build
```

### Docker Deployment

Build and run using Docker:

```bash
docker build -t profast .
docker run -p 3000:3000 profast
```

## Project Structure

```
β”œβ”€β”€β”€.react-router
β”‚ └───types
β”‚ └───app
β”‚ β”œβ”€β”€β”€+types
β”‚ └───routes
β”‚ └───+types
β”œβ”€β”€β”€.vercel
β”œβ”€β”€β”€app
β”‚ β”œβ”€β”€β”€components
β”‚ β”‚ β”œβ”€β”€β”€custom
β”‚ β”‚ └───ui
β”‚ β”œβ”€β”€β”€lib
β”‚ β”œβ”€β”€β”€routes
β”‚ β”œβ”€β”€β”€src
β”‚ β”‚ β”œβ”€β”€β”€data
β”‚ β”‚ └───json
β”‚ └───welcome
β”œβ”€β”€β”€build
β”‚ β”œβ”€β”€β”€client
β”‚ β”‚ β”œβ”€β”€β”€assets
β”‚ β”‚ └───resources
β”‚ β”‚ β”œβ”€β”€β”€animations
β”‚ β”‚ └───assets
β”‚ β”‚ β”œβ”€β”€β”€banner
β”‚ β”‚ └───brands
β”‚ └───server
β”‚ └───nodejs_eyJydW50aW1lIjoibm9kZWpzIn0
β”‚ └───.vite
└───public
└───resources
β”œβ”€β”€β”€animations
└───assets
β”œβ”€β”€β”€banner
└───brands
```

## Styling & Theming

- Uses **TailwindCSS** for utility-first styling
- **Catppuccin** color palette with four variants
- Theme switcher in the UI (top-right corner)
- Customizable via CSS variables in `app/app.css`

## Scripts

- `dev` - Start development server
- `build` - Build for production
- `start` - Start production server
- `typecheck` - TypeScript type checking

## Credits

- [React Router](https://reactrouter.com/)
- [TailwindCSS](https://tailwindcss.com/)
- [shadcn/ui](https://ui.shadcn.com/)
- [Catppuccin](https://catppuccin.com/)

---

**Profast** – Fast, modern, and beautiful parcel delivery platform starter.