https://github.com/eltonlazzarin/dropbox-menu-clone
Dropbox Menu Clone build in ReactJS and TypeScript
https://github.com/eltonlazzarin/dropbox-menu-clone
dropbox-menu dropbox-ui frontend-app frontend-web javascript menu-animation menu-bar mobile-first react-icons reactjs reactjs-application typescript typescript-application ui-design
Last synced: 29 days ago
JSON representation
Dropbox Menu Clone build in ReactJS and TypeScript
- Host: GitHub
- URL: https://github.com/eltonlazzarin/dropbox-menu-clone
- Owner: eltonlazzarin
- License: mit
- Created: 2020-08-16T01:03:13.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2020-08-20T00:28:22.000Z (almost 6 years ago)
- Last Synced: 2025-10-20T08:39:39.510Z (8 months ago)
- Topics: dropbox-menu, dropbox-ui, frontend-app, frontend-web, javascript, menu-animation, menu-bar, mobile-first, react-icons, reactjs, reactjs-application, typescript, typescript-application, ui-design
- Language: TypeScript
- Homepage:
- Size: 32.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Dropbox Menu Clone build in ReactJS and TypeScript
About The Project |
Technologies |
Getting Started |
How To Contribute |
License
## 👨🏻💻 About the project
Dropbox Menu Clone is a project developed in ReactJS in conjunction with TypeScript, where it shows an almost identical interface to the Dropbox's official menu with the CSS3's property called Climb.
This project includes the Mobile First concept, so it is fully responsive.
## 🚀 Technologies
Technologies that I used to develop this frontend app
- [ReactJS](https://nodejs.org/en)
- [TypeScript](https://www.typescriptlang.org)
- [Styled-Icons](https://styled-icons.js.org)
- [Styled-Components](https://styled-components.com)
- [VS Code](https://code.visualstudio.com) with [EditorConfig](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig) and [Prettier RC](https://github.com/prettier/prettier)
## 💻 Getting started
### Requirements
- [Node.js](https://nodejs.org/en/)
- [Yarn](https://classic.yarnpkg.com/) or [npm](https://www.npmjs.com/)
**Clone the project and access the folder**
```bash
$ git clone https://github.com/eltonlazzarin/dropbox-menu-clone.git
$ cd dropbox-menu-clone
```
**Follow the steps below**
```bash
# Install the dependencies
$ yarn
# Run the web app
$ yarn start
```
## 🤔 How to contribute
**Follow the steps below**
```bash
# Clone your fork
$ git clone https://github.com/eltonlazzarin/dropbox-menu-clone.git
$ cd dropbox-menu-clone
# Create a branch with your feature
$ git checkout -b your-feature
# Make the commit with your changes
$ git commit -m 'feat: Your new feature'
# Send the code to your remote branch
$ git push origin your-feature
```
After your pull request is merged, you can delete your branch
## 📝 License
This project is under the MIT license. See the [LICENSE](https://github.com/eltonlazzarin/dropbox-menu-clone/blob/master/LICENSE) for more information.