My Twitter

This is a reproduction of Twitter with Vue.js and PHP.

Vue 3 for the frontend. PHP 5.6.34 for the backend (It's the version on the free server). MySQL 5.0.83 for the database.

Complet website hosted on a Free server (for free ofc).

Link to my-twitter website

Frontend

Architecture

frontend/
├── babel.config.js
├── package-lock.json
├── package.json
│
├── public
│   ├── favicon.ico
│   ├── index.html
│   └── robots.txt
│
└── src
    ├── App.vue
    ├── main.ts
    │
    ├── assets
    │   └── logo.png
    │
    ├── components
    │   └── [...].vue
    │
    ├── router
    │   └── index.ts
    │
    ├── store
    │   └── index.ts
    │
    ├── types
    │   └── types.ts
    │
    └── views
        └── [...].vue

Backend

Architecture

backend/
├── Makefile
├── index.php
├── request.log
├── run_local.sh
│
├── routes
│   └── routes.php
│
├── utils
│   ├── db.php
│   ├── jwt.php
│   ├── response.php
│   └── tools.php
│
└── controllers
    └── [...].php

Features to add

CI/CD

• Add docker environments for frontend and backend

Frontend

• Can comment / like publications

• Limit of characters shown in preview publications / messages

• Link search bar with backend

• Recent posts of users on their profile

• Individual page for publication

• Push to user / publication where you click

• Take in store data to avoid multiple fetch

• Refont like / comment esthetic

• Refont login / register esthetic

Backend

• Fix 'getLastUsersMessages' route to avoid double users
• Better way to grab /{id} in routes
• Search bar route

Tools