Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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...

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


Github


![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

### Author 🧑‍💻