Giter Site home page Giter Site logo

codingstarter-forum's Introduction

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: 優化帖文排序方式,可按時間順序/倒序/熱門排列

教學資源


(本文檔待完善)

codingstarter-forum's People

Contributors

stevenlei avatar runc2333 avatar zixuip avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.