Colate - Headless Digital Marketplace

Colate is a digital marketplace that allows you to sell your digital items. Build using the most popular javascript framework Next.Js and very familiar PHP framework Laravel. This web app was built on a headless architecture concept. The concept allows you to scalable frontend and backend differently. It is the most popular technology nowadays.

Account Demo

ADMIN

https://colate-frontend-eta.vercel.app/app/login

Email: [email protected]

Password: admin

USER

https://colate-frontend-eta.vercel.app/login

Email: [email protected]

Password: janedoe

• USER
  • Authentication
  • Manage Store
  • Manage Account Profile
• FRONTPAGE
  • Homepage - Newest, Best Seller, Most Popular
  • Discover - Category filter, sort by newest, oldest, cheapest, most expensive
    • ADMIN
      • Manage User
      • Manage Order
  • Detail Product - Images, description, price, promo price, views, last update, published date, preview, name
  • Cart
  • Checkout

• PHP 8.x
• Mysql
• Npm

Backend Installation

• Install composer package by running composer update
• Rename file .env.example to .env
• Change MySQL configuration on your .env to your configuration

DB_HOST=<Your mysql hostname>
DB_PORT=<Your mysql port>
DB_DATABASE=<Your mysql database name>
DB_USERNAME=<Your mysql username>
DB_PASSWORD=<Your mysql password>

• Run php artisan migrate to migrate the database
• Run php artisan db:seed to seed default data to your database
• (Optional) If you use AWS S3 as object storage, you can change the AWS configuration on the .env

  AWS_ACCESS_KEY_ID=<Your s3 access key>
  AWS_SECRET_ACCESS_KEY=<Your s3 secret key>
  AWS_DEFAULT_REGION=<Your s3 region>
  AWS_BUCKET=<Your s3 bucket name>
  
  
  

• Set FRONTEND_URL on env to your frontend URL. It is required action. This frontend URL will be used for stripe redirection. If it's empty, the stripe will be an error.

Frontend Installation

• Install dependencies by running npm install
• Change NEXT_PUBLIC_BASE_API_URL on .env to your backend api url
• Run the app locally by command npm run dev