Upload-de-arquivos-no-front-end-com-ReactJS

Um sistema completo de upload de arquivos. usando ReactJs Desenvolver a base da nossa aplicação, incluindo toda a lógica do funcionamento de upload de arquivos no front-end usando o back-end já pronto com NodeJS, Express e Amazon S3, no intuito de treinar e aprender conceitos novos e evoluir. <3

Run the project locally

1 - Prepare the evironment:

$ yarn install

Ambiente de desenvolvimento

$ yarn dev

Ambiente de produção

$ yarn start

2 - Clone the project and install the dependecies:

$ git clone git@github.com:RobsonGap/ Upload-de-arquivos-Fron-end-com-ReactJS
$ cd Upload-de-arquivos-back-end-com-NodeJS
$ npm install

3 -- Run static server and livereload:

$ node index.js

Stack

Simulando um Servidor local com o : Live Server
Axios é um cliente HTTP baseado em Promises para fazer requisições. Pode ser utilizado tanto no navegador quando no Node.js.: Axios
Filesize.js é uma pequena biblioteca JavaScript que cria uma função global chamada filesize (). Ele fornece uma maneira fácil de obter uma String de tamanho de arquivo legível por humanos. : FileSize
Lodash torna o JavaScript mais fácil eliminando o incômodo de trabalhar com matrizes, números, objetos, strings, etc. Os métodos modulares de Lodash são ótimos para: Iterando matrizes, objetos e strings,Manipulando e testando valores, Criação de funções compostas:Lodash
React Uma biblioteca JavaScript para criar interfaces de usuário, React
React-Circular-Progressbar Um componente indicador de progresso circular. React-Circular-Progressbar
O pacote react-dom provê métodos específicos para o DOM que podem ser usados no nível superior de sua aplicação como uma válvula de escape para sair do modelo do React se você precisar. A maioria de seus componentes não devem precisar deste módulo.render(), hydrate(),unmountComponentAtNode(),findDOMNode(),createPortal(),React-Dom
React-dropzone e uma simples lib para criar uma zona de arrastar e soltar compatível com HTML5 para arquivos. React-dropzone
React-Icons Inclua ícones populares em seus projetos React facilmente com react-icons, que utiliza importações ES6 que permitem incluir apenas os ícones que seu projeto está usando.React-Icons
Styled-Components O uso de literais de template marcados (uma adição recente ao JavaScript) e o poder do CSS , styled-componentspermite que você escreva código CSS real para estilizar seus componentes. Ele também remove o mapeamento entre componentes e estilos - usar componentes como uma construção de estilo de baixo nível não poderia ser mais fácil.Styled-Components
Back-end Da aplicação já pronto Back-End

Upload-de-arquivos-no-Front-end-com-ReactJS <3

Versioning

To keep better organization of releases we follow the Semantic Versioning 2.0.0 guidelines.

Contributing

Find on our roadmap the next steps of the project ;)
Want to contribute? Follow these recommendations.

RobsonGap/Upload-de-arquivos-front-end-com-ReactJS