A forum created with Laravel, Socket.io, and Tailwind CSS.

Overview

CodingStarter 論壇

前言

CodingStarter (https://codingstarter.com) ,一個屬於網頁開發者的論壇,同時是讓開發者學習與實踐的項目。

我們在學習新技術的時候,常常遇到學了但沒有案例去實現、不知道項目開發的流程、沒有團隊合作經驗等問題。這個項目就是為此而生:它是一個真正上線的項目,你可以將想法付諸實行,提 PR,動手寫,一直迭代更新。

技術棧

本項目使用到的技術包括:

  • 後端
    • Laravel 框架 (PHP)
    • MySQL 資料庫
  • 前端
    • Laravel Blade 模版
    • Tailwind CSS
    • Livewire
  • Web Socket (Laravel WebSockets + Echo)

下一步會進行前後端分離,希望以 Nuxt (Vue) 建立新的前端版本。當然,後端也就需要準備好一套 API。

版本

目前是一個很初步的階段,就定它為 0.1 版本。

v0.1

  • 建立主題
    • 主題分頁 (瀏覽更多)
  • 瀏覽主題及帖子
  • 回覆主題
  • GitHub 登入
  • 以 Tailwind CSS 建立的 Dark Theme 佈局
  • 以 Web Socket 方式,在有新主題或回覆時,進行實時頁面刷新。
  • 免刷新瀏覽頁面(除了 /new 建立主題頁)
  • 支持 Markdown 及代碼塊高亮
  • 2021/08/17: 讚好/差評帖子功能
  • 2021/08/17: 按時間(順序)或熱度(讚好數量倒序)排序主題回覆帖文
  • 2021/08:18: 增加 Light Theme,並新增 Dark/Light Theme 切換按鈕
  • 2021/08/18: 優化帖文排序方式,可按時間順序/倒序/熱門排列

教學資源


(本文檔待完善)

You might also like...
PHPHub is a Forum project written in Laravel
PHPHub is a Forum project written in Laravel

PHPHub is a Forum project written in Laravel

This is a Laravel based Blog post forum.

About Laravel Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experie

Forum Diskusi Mahasiswa Informatika Berbasis Web menggunakan Framework Laravel & Bootstrap

About Laravel Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experie

A discussion forum for coders
A discussion forum for coders

CodeQuery CodeQuery CODE WANTS TO BE SIMPLE is the place to find help with your coding and programming queries. Steps To Configurate Project Clone thi

ECNU Forum based on Flarum.
ECNU Forum based on Flarum.

ECNU Forum ECNU Forum based on Flarum. Welcome to ECNU Forum, where every ECNU student can speak freely. Note that this is not an official forum of EC

Our team created for you one of the most innovative CRM systems that supports mainly business processes and allows for customization according to your needs. Be ahead of your competition and implement YetiForce!
Our team created for you one of the most innovative CRM systems that supports mainly business processes and allows for customization according to your needs. Be ahead of your competition and implement YetiForce!

We design an innovative CRM system that is dedicated for large and medium sized companies. We dedicate it to everyone who values open source software,

📑 Invoice Generator - This is an invoicing system created with Laravel,
📑 Invoice Generator - This is an invoicing system created with Laravel,

📊 This is an invoicing system created with Laravel, which allows the user to generate invoices based on product and customer catalogs that are manageable.

Repositório do sistema de Chat em RealTime utilizando WebSocket com Laravel, Vue.js, Inertia e Tailwind

Antes de mais nada... Deixa a estrelinha no repositório Me segue aqui no github Aula desse Projeto no YouTube Esse projeto foi desenvolvido por Gustav

Blog dengan framework laravel 8 sebagai backend dan tailwind sebagai frontend

About Laravel Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experie

Comments
  • UX enhancement when viewing topics

    UX enhancement when viewing topics

    When clicking on a topic, the active state of the selected topic should be reflected immediately instead of waiting for the update coming from XHR.

    Should add a loading state for loading a topic.

    enhancement 
    opened by stevenlei 0
  • Prevent users from being logout by a malicious img tag.

    Prevent users from being logout by a malicious img tag.

    By judging whether the Accept field in request-headers contains 'text/html' to determine if the request is from a img tag. If it is, then just simply ignore it.

    opened by Runc2333 0
  • @mention 功能 + 通知

    @mention 功能 + 通知

    @mention 功能可在回覆帖文時「呼叫」某位用戶,但這個功能似乎配合上通知功能才有意義,因為回覆某一樓的帖子可以使用 # 符號 + 樓層去引用。

    而通知功能的開發則需要思考細節,除了將通知訊息顯示在被「呼叫」用戶的通知 (Notification) 列表內,應該還可以附上連結,讓用戶點擊就能進入「呼叫」的位置。而要做到這個功能,又需要有直達某一帖文的跳轉功能。

    歡迎討論

    enhancement 
    opened by stevenlei 2
Owner
Steven Lei
Full Stack Developer, Lecturer. Founder of tutorial channel CodingStartup (YouTube & BiliBili).
Steven Lei
Created simple login system and chat type website using mysql database along with php and html , css and javascript.

Created simple login system and chat type website using mysql database along with php and html , css and javascript.

null 1 Jan 6, 2022
This is a visitor management system, developed by the use of Laravel 8 combined with Jetstream, Livewire and Tailwind CSS.

This is a visitor management system, developed by the use of Laravel 8 combined with Jetstream, Livewire and Tailwind CSS.

Marios Tsouras 0 Apr 23, 2022
This is a project that was created for the main purpose of practising front end technology(HTML, CSS and Java-Script) with a litle addition of back-end technology.

This is a project that was created for the main purpose of practising front end technology(HTML, CSS and Java-Script) with a litle addition of back-end technology. This is a restaurant website which is to offer services such as ordering goods through sending of emails, viewing of any order, signing-in/up for customer's who want to order food, and much more, with also some live features like dates of the day alongside opening and closing working ours. So let's jump right into it.

null 1 Nov 26, 2021
Customer Relationship Management (CRM) portal using PHP Codeigniter 4 & Tailwind CSS framework.

CRM Portal Customer Relationship Management (CRM) portal using PHP Codeigniter 4 & Tailwind CSS framework. Screenshots User (Dashboard) Admin (Employe

Dawood Khan Masood 5 Feb 2, 2022
ZAP CRM is Customer Relationship Management portal built using PHP Codeigniter 4 & Tailwind CSS framework.

ZAP CRM ZAP CRM is Customer Relationship Management portal built using PHP Codeigniter 4 & Tailwind CSS framework. Screenshots User (Dashboard) Admin

Dawood Khan Masood 5 Feb 2, 2022
A live chat which utilises Socket.io and validates messages sent against a MySQL Table.

Socket.io Shoutbox with MySQL Validation The purpouse of this demonstration is to allow users to enter messages in either a public or private chat. Th

Jefff 9 Oct 14, 2022
Fala Devs! Estou trazendo aqui uma plataforma de Chat com Socket

Fala Devs! Estou trazendo aqui uma plataforma de Chat com Socket. Essa aplicação tem o intuito de ser bidirecional em tempo real entre clientes e servidores! Nele foi utilizado websockets para resolver o problema de alta latência, porque pense comigo... Um servidor de chat muitas vezes terá um número muito grande de clientes ativos a todo momento, a melhor forma de evitar a lentidão do servidor, seria criar um socket. ??

Raissadev 6 May 2, 2022
A slim, lean forum package designed for quick and easy integration in Laravel projects

Complete documentation is available on teamteatime.net. Installation Requires Laravel 6+ and PHP 7.4+. Step 1: Install the package Install the package

TeamTeaTime 486 Dec 31, 2022
Discussion (forum) and Q&A platform. Community based on PHP Micro-Framework HLEB.

Agouti Discussion (forum) and Q&A platform. Community based on PHP Micro-Framework HLEB. Ideas We like the classification system based on labels (tags

AgoutiDev 59 Dec 22, 2022
Laravel Forum

No taking care of this package anymore. Socieboy Forum Package for Laravel 5.2 Features Create conversations. Reply existing conversations. Support fo

Frank Sepulveda 71 Oct 2, 2020