Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/gabrielsb18/pi-frontend-iesb

Aplicação construída para a disciplina de Projeto Integrado Front-End, utilizando React, Styled-Components, e JavaScript
https://github.com/gabrielsb18/pi-frontend-iesb

javascript react styled-components

Last synced: 8 days ago
JSON representation

Aplicação construída para a disciplina de Projeto Integrado Front-End, utilizando React, Styled-Components, e JavaScript

Awesome Lists containing this project

README

        

![image](https://github.com/gabrielsb18/PI-FrontEnd-IESB/blob/main/Banner%20Notes.png)

# PI-FrontEnd-IESB
*Aplicação em construção para a disciplina de Projeto Integrado Front End*

## Integrantes:
* Gabriel Santos Barbosa;
* Rainier Barbosa dos Santos Viana;
* Rodrigo Barros Costa

## Objetivo:
*O Notes tem como objetivo, oferecer a usuários, a possibilidade de registrar suas anotações, como tarefas, e atividades*

## Funcionalidades:
* Permitir que usuario crie anotações;
* Permitir que o usuario edite anotações;
* Permitir que o usuario exclua anotações;
* Permitir que o usuario crie uma conta;
* Permitir que o usuario edite sua conta;
* Permitir que o usuario faça login na aplicação;
* Permitir que o usuario faça logoff da aplicação;
* Permitir que o usuario busque por anotações;
* Permitir que o usuario filtre suas anotações;
* Permitir que o usuario visualize seus desempenho em atividades;

## Como Rodar o app:



#### 1) Clone o repositório através do link

git clone 'https://github.com/gabrielsb18/PI-FrontEnd-IESB'

#### 2) Navegue até a pasta PI-FrontEnd-IESB

cd .PI-FrontEnd-IESB

#### 3) Faça a instalação do aquivo node_modules (É necessário ter o Node instalado na máquina)
npm install

#### 4) Em seguida crie um arquivo .env com as seguintes variaveis:
VITE_API_URL="http://localhost:3000"

#### 5) Digite o seguinte comando para rodar a aplicação
npm run dev

#### 6) Abra o navegador e digite a seguinte url para acessar a pagina de login:
http://localhost:5173/login

> [!IMPORTANT]
> É essencial que você já esteja com o back-end da aplicação configurado e rodando o localmente. [Clique aqui caso ainda não tenha configurado](https://github.com/gabrielsb18/PI-BackEnd-IESB).

## Tecnologias utlizadas:






## Links:



Quadro do Kandan:






Protótipo