Skip to content

marcolucianodev/Markus-Social-Network

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Markus Social Network

Preview Image

Preview Image

Preview Image

Projeto front-end de uma rede social desenvolvido com React, Typescript, Styled-components, Axios.

Nesse projeto (EM ANDAMENTO) está sendo desenvolvido a interface de uma aplicação de uma rede social, onde contém página de feed de usuários, páginas de perfil, grupos, fotos, eventos, fórum e demais funcionalidades que compõe uma rede social.

Esse projeto foi tirado como base de UX e inspirado no template Olympkus, que é um dos diversos templates para wordpress no site Themeforest.

Inicialmente este projeto foi um grande desafio, pois foi iniciado sem typescript e posteriormente foi adicionado o typescript no projeto, tendo que refatorar alguns dos componentes.

Ultilizo o Context API para gerenciamento de estados. E também foi criado uma API Fake em um arquivo json (db.json), que retorna os dados dos usuários e dos grupos, sendo esses dados sendo consumidos com o Axios.

Algumas páginas ainda estão em desenvolvimento, e logo mais o projeto estará 100% finalizado, e todas implementações das funcionalidades e novas features estarão em produção.

Link do Projeto Online

Pré-requisitos

Para rodar o projeto, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js, Npm.

🎲 Rodando a aplicação

# Clone este repositório
$ git clone https://github.com/marcolucianodev/Markus-Social-Network.git

# Acesse a pasta do projeto no terminal/cmd
$ cd Markus-Social-Network

# Instale as dependências
$ npm install

# Execute a aplicação
$ npm start

# O servidor inciará na porta:3000 - acesse <http://localhost:3000>

🛠 Tecnologias

As seguintes ferramentas foram usadas no desenvolvimento do projeto:

Packages

No packages published