Skip to content

Coding-with-Akrash/pics-web-in-react

Repository files navigation

🚀 PICS Courier Services - Complete React Application

Conversion Complete!

Your courier management system has been successfully converted to a complete React application with Vercel serverless API functions - all in a single folder for easy deployment!

🎯 Final Structure (Single Folder):

📁 Project Root (Everything in one place!)
├── api/                          # Vercel Serverless Functions
│   ├── _db.js                   # In-memory database
│   ├── auth/
│   │   └── login.js             # Authentication API
│   ├── countries/
│   │   └── index.js             # Countries API
│   ├── shipments/
│   │   └── index.js             # Shipments API
│   ├── calculate-pricing.js     # Pricing calculator
│   └── dashboard.js             # Dashboard API
├── src/                         # React Application
│   ├── components/              # Reusable components
│   ├── pages/                   # Page components
│   ├── services/               # API services
│   └── utils/                  # Utility functions
├── public/                      # Static assets
├── package.json                # Dependencies
├── vercel.json                 # Vercel configuration
├── deploy.sh                   # One-click deployment
├── tailwind.config.js          # Tailwind CSS config
├── postcss.config.js           # PostCSS config
└── README.md                   # This file

🚀 Deploy to Vercel (3 Steps):

Step 1: Install Node.js

Download from: https://nodejs.org/

Step 2: Install Dependencies

npm install

Step 3: Deploy

# Option A: Use the deployment script
chmod +x deploy.sh
./deploy.sh

# Option B: Manual deployment
vercel --prod

🔑 Default Login:

🌟 Features:

  • Complete React Application - No separate backend needed
  • Vercel Serverless Functions - API endpoints included
  • JWT Authentication - Secure user management
  • Dynamic Pricing - Real-time calculations
  • Shipment Management - Full tracking system
  • Admin Dashboard - Complete management interface
  • Responsive Design - Mobile and desktop optimized
  • Single Folder - Easy deployment and management

💫 Vercel Benefits:

  • 🌍 Global Deployment - Instant worldwide availability
  • Serverless Functions - No server management needed
  • 🔒 Built-in Security - Automatic SSL and protection
  • 📊 Analytics - Built-in monitoring
  • 💰 Generous Free Tier - Perfect for getting started

📁 API Endpoints:

  • POST /api/auth/login - User authentication
  • GET /api/countries - Country list
  • POST /api/calculate-pricing - Dynamic pricing
  • POST /api/shipments - Create shipments
  • GET /api/dashboard - User dashboard data

🎉 Ready for Production!

Your courier management system is now:

  • Complete React application
  • Vercel serverless backend
  • Single folder structure
  • Production ready
  • Easy to deploy

Deploy now and start managing shipments worldwide! 🌍🚀


Converted to complete React application with Vercel serverless API - all in one folder!

About

A complete React application with built-in Vercel serverless APIs, JWT authentication, dynamic pricing, shipment tracking, and an admin dashboard — all in one responsive, easy-to-deploy folder.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors