https://github.com/mathmendesreis/astromath

Astromacth e o clone do tinder, nessa aplicaão fiz uma aplcação insparada no tinder, e possivel dar mecth, remover o mecth e ainda tem uma lista de mecth que voce deu, usei react, styled component, axios, entre outras libs
https://github.com/mathmendesreis/astromath

axios reactjs styled-components

Last synced: 8 days ago
JSON representation

Astromacth e o clone do tinder, nessa aplicaão fiz uma aplcação insparada no tinder, e possivel dar mecth, remover o mecth e ainda tem uma lista de mecth que voce deu, usei react, styled component, axios, entre outras libs

• Host: GitHub
• URL: https://github.com/mathmendesreis/astromath
• Owner: MathMendesReis
• Created: 2023-01-15T18:38:25.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-02-05T14:45:47.000Z (almost 2 years ago)
• Last Synced: 2024-07-30T19:37:05.438Z (4 months ago)
• Topics: axios, reactjs, styled-components
• Language: JavaScript
• Homepage: https://astro-math.vercel.app/
• Size: 14.1 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Projeto React API AstroMaacth

![PokeAPI](./clone-tinder/src/img/Astromatch.png)

Um clone do Tinder!

## Indice

-  Tecnológias utilizadas

- Layout 

- Demostração 

- Como rodar esse projeto?

- Tecnologias utilizadas

- Pessoas autoras

- Proximos passos

## 📱Fucionalidades do projeto

- **Página Home:**

	- [X]  Mostra o perfil de uma pessoa;

	- [X] Exibi um card que tem o nome, idade, um botão pra dar match, e um botão pra não dar match, no topo do card, tem um botão que leva para a pagina de pessoas que você deu o macth.

- **Página com lista das pessoas que o usuario deu match**

	- [X] Renderiza uma lista de pessoas que o usuario deu match;

	- [X] Tem a opção de remover a pessoas da lista de interesse;

	- [X] Tem um botão para voltar para a Home

	- [X] Não deve ser possível adicionar a mesma pessoa duas vezes;

    ## 👀Layout

![Pagina Home](./clone-tinder/src/img/home.png)

![Pagina Lista de match](./clone-tinder/src/img/listaMacths.png)

## Demonstração

[Link demonstração](https://astromatchmatheusmendes.surge.sh/)

## Como rodar esse projeto?

```

# clone este repositorio

$ git clone https://github.com/MathMendesReis/AstroMath.git

# Acesse a pasta do projeto no seu terminal

$  cd clone-tinder/

#instale as depedências

$ npm install

# Execute a aplicação

$ npm run start

# A aplicação sera iniciada na porta 300, 

acesse pelo navegador: http:http://localhost:3000

```

## Tecnologias utilizadas

1. [React js](https://reactjs.org/)

2. [Styled-components](https://styled-components.com/)

3. [React Hooks](https://reactjs.org/docs/hooks-intro.html)

4. [Axios](https://axios-http.com/ptbr/docs/intro)

## Pessoas autoras

[Linkedin](https://www.linkedin.com/feed/?trk=seo-authwall-base_signin-form_submit)

## Proximos passos

-[ ] Torna o site responsivo