ibiaalice / melivrando Goto Github PK

Um projeto para apaixonados por livros compartilharem comentários e opiniões sobre as suas leituras, passadas ou atuais.

HTML 34.87% JavaScript 52.28% CSS 12.84%

melivrando's Introduction

Hi there I'm Bia 😸

👨‍💻 Mobile Developer

melivrando's People

Contributors

Stargazers

Watchers

melivrando's Issues

Informações sobre instalar/iniciar o projeto

Oi @ibiaalice , gostei bastante da ideia do projeto e do protótipo de tela, achei bem objetivo assim dando para entender o que você planejar fazer de cara.

Uma sugestão que tenho é adicionar no README.md informações sobre como instalar/rodar a API e/ou o front (ou nesse caso, um link para o protótipo). Não consegui encontrar instruções sobre isso para testar a API, tentei rodar um node backend/server.js

Como cada projeto (front/back) tem um processo de instalação/inicialização diferente, você podia criar um README nos diretórios deles e no principal informar da existência.

É isso! Bom trabalho. 📚

Personalizando

Uma img/logo seria excelente para dar "cara" ao projeto.

props e mudança de estado interno

Consegui rodar a aplicação, mas não encontrei o uso de props (o this.props.history.push('/main') não funciona). Também não encontrei mudança de estado interno ...

MeLivrando/frontend/melivrando/src/pages/Login.js

Lines 7 to 38 in afe9dc1

 export default function Login(props){ 

 const [email, setEmail] = useState(''); 

 function handleSubmit(e){ 

 e.preventDefault(); 

 this.props.history.push('/main') 

 } 

 return( 

 <div className='login'> 

 <form onSubmit={handleSubmit}> 

 <img className='logo' src={logo} alt='ML'/> 

 <h1 className='title'>Seja bem vindo, faça login para continuar </h1> 

 <input 

 placeholder='Digite o email de login' 

 value={email} 

 onChange={e => setEmail(e.target.value)} 

 /> 

 <input type='password' 

 placeholder= 'Digite sua senha' 

 /> 

 <button type='submit' className='buttom'> 

 <p className='enterButtom'>Entrar</p> 

 </button> 

 </form> 

 </div>

MeLivrando/frontend/melivrando/src/pages/Main.js

Lines 4 to 10 in afe9dc1

 export default function Main() { 

 return ( 

 <div className='Main'> 

 <h1>aqui vem o main</h1> 

 </div> 

 ) 

 }

Sugestão para inserção de beforeEach

Percebi que o setup é chamado manualmente a cada teste realizado, talvez aqui seria bom usar um beforeEach que modifica uma variável dentro do describe que vai guardar os dados do teu container. Veja se é necessário passar {...book} ao invés de simplesmente book. Além disso, seria bom testar a props 'gender' também.

MeLivrando/frontend/melivrando/src/tests/Book.test.js

Lines 33 to 42 in b0ca758

 it('deve me retornar o titulo correto do livro', ()=>{ 

 const {title} = setup({...book}); 

 expect(title.innerHTML).toBe('Twilight'); 

 }); 

 it('deve me retornar o resumo correto do livro', ()=>{ 

 const {resume} = setup({...book}); 

 const resumeExpec ='When 17 year old Isabella Swan moves to Forks, Washington to live with her father she expects that her new life will be as dull as the town.But in spite of her awkward manner and low expectations, she finds that her new classmates are drawn to this pale, dark-haired new girl in town. But not, it seems, the Cullen family. These five adopted brothers and sisters obviously prefer their own company and will make no exception for Bella' 

 expect(resume.innerHTML).toBe(resumeExpec); 

 });

ibiaalice / melivrando Goto Github PK

melivrando's Introduction

Hi there I'm Bia 😸

melivrando's People

Contributors

Stargazers

Watchers

melivrando's Issues

Informações sobre instalar/iniciar o projeto

Personalizando

props e mudança de estado interno

Sugestão para inserção de beforeEach

Definir melhor as telas no readme.

Correção do Readme

Adicionar instruções para execução do frontend do projeto ao README.md

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent

	export default function Login(props){
	const [email, setEmail] = useState('');

	function handleSubmit(e){
	e.preventDefault();
	this.props.history.push('/main')
	}


	return(
	<div className='login'>

	<form onSubmit={handleSubmit}>
	<img className='logo' src={logo} alt='ML'/>
	<h1 className='title'>Seja bem vindo, faça login para continuar </h1>
	<input
	placeholder='Digite o email de login'
	value={email}
	onChange={e => setEmail(e.target.value)}
	/>
	<input type='password'
	placeholder= 'Digite sua senha'
	/>

	<button type='submit' className='buttom'>
	<p className='enterButtom'>Entrar</p>
	</button>


	</form>

	</div>

	export default function Main() {
	return (
	<div className='Main'>
	<h1>aqui vem o main</h1>
	</div>
	)
	}

	it('deve me retornar o titulo correto do livro', ()=>{
	const {title} = setup({...book});
	expect(title.innerHTML).toBe('Twilight');
	});

	it('deve me retornar o resumo correto do livro', ()=>{
	const {resume} = setup({...book});
	const resumeExpec ='When 17 year old Isabella Swan moves to Forks, Washington to live with her father she expects that her new life will be as dull as the town.But in spite of her awkward manner and low expectations, she finds that her new classmates are drawn to this pale, dark-haired new girl in town. But not, it seems, the Cullen family. These five adopted brothers and sisters obviously prefer their own company and will make no exception for Bella'
	expect(resume.innerHTML).toBe(resumeExpec);
	});