Planner semanal para organizar melhor as tarefas da semana, contendo CRUD (adição, leitura, edição, e exclusão de tarefas)
Nesse projeto foram usadas as seguintes tencnologias:
- XAMPP : para rodar o servidor PHP e também o banco de dados
Features do projeto:
- Criação de usuário (login e registro no banco de dados do phpmyadmin)
- Proteção contra SQL Injections
- Armazenamento de foto de perfil (file storage através da variável global $_FILES)
- Autenticação de usuário (login, logout e páginas apenas para usuários através de SESSIONS)
- Tarefas:
- CRUD: Adição, leitura, edição e exclusão de tarefas
- Sistema simples e intuitivo para realizar o CRUD
- Logout
- Código todo comentado em inglês
A homepage é o primeiro contato dos usuários, fiz como se fosse uma landing page. Quis deixar o layout clean mas mesmo assim direcionando o usuário a fazer o seu cadastro na plataforma. Abaixo da introdução do app, mostro um print de como é a funcionalidade do site
O botão mais diferenciado da Homepage é o de criar conta, que leva o usuário para a página de login/cadastro.
Se o usuário tentar entrar na aba de tarefas (users only), ele é redirecionado para a página de login/cadastro e é mostrado na tela a mensagem "Faça o login primeiro!".
Com campo para foto de perfil ($_FILES)
Caso o username ou senha estiverem errados, é mostrado na tela a mensagem "Login Inválido"
Se o login for permitido, o usuário é redirecionado para a tela do planner semanal
A área do planner é bem simples e intuitiva, para facilitar a vida do usuário e manter o objetivo da plataforma.
Digite o conteúdo da sua tarefa e selecione o dia da semana em que você quer realizá-la. Se o login for permitido, o usuário é redirecionado para a tela do planner semanal
Para editar as tarefas também é bem simples, é só clicar no Icon de lápis e digitar o novo texto.
Para excluir, só clicar na borrachinha que a tarefa já vai ser excluída.
Página para os usuários checarem seus dados e realizarem o Logout. Se o usuário apertar o botão de Logout, a SESSION dele é destruída e ele é redirecionado para a página de Login e Cadastro.
Made by Beatriz Vidal ❤🎯