Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ericneves/todolist
🔥 App developed with PHP, OOP, Postgresql, Dynamic Routes, ReactJS, Vite, Docker, Docker Networks and more...
https://github.com/ericneves/todolist
api-rest docker oop php reactjs vitejs
Last synced: 4 days ago
JSON representation
🔥 App developed with PHP, OOP, Postgresql, Dynamic Routes, ReactJS, Vite, Docker, Docker Networks and more...
- Host: GitHub
- URL: https://github.com/ericneves/todolist
- Owner: EricNeves
- License: mit
- Created: 2023-10-30T00:41:17.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-12T15:04:36.000Z (12 months ago)
- Last Synced: 2024-11-17T12:21:33.221Z (2 months ago)
- Topics: api-rest, docker, oop, php, reactjs, vitejs
- Language: PHP
- Homepage:
- Size: 360 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
Todo List
Aplicação Full Stack desenvolvida com PHP, PostgreSQL, ReactJS, Tailwind CSS e Docker.Data de criação: Oct 29, 2023
![screenshot](.github/screenshotA.png)
![screenshot](.github/screenshotB.png)### Description
**Todo** **List**, um app desenvolvido com **PHP**, **Postgresql**, **ReactJS**, **Tailwind** **CSS**, **Docker** e entre outras tecnologias. A aplicação consiste em gerenciar uma lista afazeres, com funcionalidades para **criar**, **editar** ou **deletar** **tasks**.
A API foi desenvolvida com **PHP**, **Postgresql**, **PDO**, **OOP**, **Injenção** **de** **Dependência** e entre outros recursos, também como, mudança no sistema de rotas, trazendo melhorias na hora determinar os métodos **HTTP**, garantindo mais segurança no uso dos **endpoints**.
Essa aplicação tem como foco principal **enaltecer** as melhorias no **backend**.
No frontend foi utilizado o **ReactJS** para componentizar a aplicação, trazendo também diversos recursos como **ciclo** **de** **vida** dos componentes, juntamente com o uso do **Tailwind** **CSS** como elemento visual.
Para organizar o projeto, foi usado o **Docker**, que traz muitos recursos valiosos como, **segregação** **de** **redes**, **organização** **de** **todo** **o** **app** e **flexibilidade**.
### Features
* API
- PHP - v8.1
- Composer | psr-4
- Routes
- Dependency Injection
- env (vlucas/phpdotenv) - v5.5
- PDO | PDO Pgsql
- Cors
* Database
- PostgreSQL
* Web:
- ReactJS - Latest
- Vite
- pnpm
- UI - Tailwind CSS
- Axios
* Devops:
- Docker### How to use
Para executar a aplicação serão necessários alguns passos importantes.
```sh
# Clone Repository
$ git clone https://github.com/EricNeves/todoList# todoList Folder
$ cd todoList/# Install Dependencies - ReactJS
$ cd web && pnpm install# Install Dependencies - PHP
$ cd www && composer update```
Agora, na raiz do projeto (**./todoList**) execute o comando abaixo:
```sh
# Execute Docker Command
$ docker-compose up d --build```
### Application Process
* API
- http://localhost:8000
* Web
- http://localhost:3000### License