/Dropbox-clone

Criação de um UI Clone em ReactJS do site dropbox.com, neste projeto foram utilizados conceitos responsivos de desenvolvimento.

Primary LanguageTypeScript

UI Clone - Dropbox.com

Este projeto é de propósito estudantil, nenhum elemento nele contido deriva-se para usuários finais. Nenhuma informação aqui inserida será guardada ou repassada para terceiros.

Linkedin Bruno Bach Repository size GitHub last commit License Stargazers

Descrição   |    Projeto   |    Tecnologias   |    Como Usar   |    Como contribuir   |    License

✍ Descrição: Como funciona o projeto??

UI Clone do site dropbox.com disponibilizado pelo Guilherme Rodz no canal da Rocketseat.

Criação de um UI Clone em ReactJS do site dropbox.com, neste projeto foram utilizados conceitos responsivos de desenvolvimento. Tais como mobile first, entre técnicas em CSS como Clip, animation, transform entre outras.

NextLevelWeek_Proffy

Open Demo Netlify GitHub last commit

💻 Projeto : Estrutura

📂 -- ui-dropbox-clone
    |-- .gitignore
    |-- tsconfig.json
    |-- package.json
    ┗-- README.md
    📂 -- public
     |  |-- favico.ico
     |  |-- index.html
     |  |-- manifest.json
     |  ┗-- robots.txt
    📂 -- src
        |-- 📂 assets
        |  ┗-- landing.jpg
        |-- 📂 components
        |  |-- 📂 MenuForm
        |  |  |-- index.tsx
        |  |  ┗-- styles.ts
        |  |-- 📂 Section
        |  |  |-- index.tsx
        |  |  ┗-- styles.ts
        |  |-- 📂 SideMenu
        |  |  |-- index.tsx
        |  |  ┗-- styles.ts
        |-- 📂 data
        |  |  ┗-- index.ts
        |-- 📂 styles
        |     ┗-- GlobalStyles.ts
        |
        |-- index.tsx
        ┗-- App.tsx

🛸 Tecnologias

This project was developed with the following technologies:

Check Descriçao Tecnologias
[x] DropBox Clone npm npm npm

🧰 Como usar

To clone and run this project, you'll need Git.

From your command line:

📥 Como baixar via cmd/terminal

# Clone this repository
$ git clone https://github.com/brunobach/Dropbox-clone/

# Go into the repository
$ cd Dropbox-clone/src/public/

# Install dependencies
$ yarn or npm install

📲 Ou escaneie o codigo no seu dispositivo

QRcode Git

🤔 Como contribuir

  • Make a fork;
  • Create a branch with your feature: git checkout -b my-feature;
  • Commit changes: git commit -m 'feat: My new feature';
  • Make a push to your branch: git push origin my-feature.

After merging your receipt request to done, you can delete a branch from yours

📝 License

This project is under the MIT license. See the LICENSE for details.

Made with by Bruno Bach 👋 Get in touch!