Skip to content

This PR fixes the minor issues in the readme files, adjusting the text aligment. #41

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
75 changes: 40 additions & 35 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,48 +1,53 @@
### Would you like to support me?
<h1 align="center">React Native Dribbble App</h1>

<a href="https://www.buymeacoffee.com/catalinmiron" target="_blank"><img src="https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png" alt="Buy Me A Coffee" style="height: auto !important;width: auto !important;" ></a>
<p align="center">
<img src="https://cloud.githubusercontent.com/assets/2805320/8113463/db61b072-1076-11e5-8aa2-52417f019ea0.jpg" alt="Dribbble App Screenshot">
</p>

----
<p align="center">
A <a href="http://dribbble.com">Dribbble</a> app built with <a href="https://github.com/facebook/react-native">React Native</a>.
</p>

<span class="badge-paypal"><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=6C3Z8R43HQL8G&lc=RO&item_name=ReactNative%20%2d%20Dribbble%20App&item_number=69&currency_code=EUR&bn=PP%2dDonationsBF%3abtn_donate_SM%2egif%3aNonHostedGuest" title="Donate to this project using Paypal"><img src="https://img.shields.io/badge/paypal-donate-green.svg" alt="PayPal donate button" /></a></span>
<p align="center">
<a href="https://www.buymeacoffee.com/catalinmiron" target="_blank"><img src="https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png" alt="Buy Me A Coffee" style="height: auto !important;width: auto !important;" ></a>
<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=6C3Z8R43HQL8G&lc=RO&item_name=ReactNative%20%2d%20Dribbble%20App&item_number=69&currency_code=EUR&bn=PP%2dDonationsBF%3abtn_donate_SM%2egif%3aNonHostedGuest" title="Donate to this project using PayPal"><img src="https://img.shields.io/badge/paypal-donate-green.svg" alt="PayPal donate button" /></a>
</p>

[![BuddyBuild](https://dashboard.buddybuild.com/api/statusImage?appID=5654dbf613d2b801001aaa4f&branch=master&build=latest)](https://dashboard.buddybuild.com/apps/5654dbf613d2b801001aaa4f/build/latest)
<p align="center">
<a href="https://reactnative.gallery"><img src="https://img.shields.io/badge/reactnative.gallery-%E2%99%A5-red.svg" alt="React Native Gallery"></a>
</p>

[![reactnative.gallery](https://img.shields.io/badge/reactnative.gallery-%E2%99%A5-red.svg)](https://reactnative.gallery)
<h2 align="center">Preview</h2>

###Dribbble app built with React Native
<p align="center">
<img src="https://cloud.githubusercontent.com/assets/2805320/8127634/25311eb0-1101-11e5-83aa-06dcc2d69da3.gif" alt="Dribbble App Flow">
</p>

A [Dribbble](http://dribbble.com) app build with [React Native](https://github.com/facebook/react-native).
<h3 align="center">Updated Version</h3>

![dribbble_app_screenshot](https://cloud.githubusercontent.com/assets/2805320/8113463/db61b072-1076-11e5-8aa2-52417f019ea0.jpg)
<p align="center">
<img src="https://cloud.githubusercontent.com/assets/2805320/9274780/1ca63a6a-42a1-11e5-8570-2c2781ec721f.gif" alt="Dribbble App Update">
</p>

####Preview
![dribbble_app_flow](https://cloud.githubusercontent.com/assets/2805320/8127634/25311eb0-1101-11e5-83aa-06dcc2d69da3.gif)
<h2 align="center">Plugins Used</h2>

<p align="center">
- <a href="https://github.com/jsdf/react-native-htmlview">HTML parser</a><br>
- <a href="https://github.com/lelandrichardson/react-native-parallax-view">React Native Parallax View</a><br>
- <a href="https://github.com/oblador/react-native-vector-icons">React Native Vector Icons</a>
</p>

__Updated version__
## How to Run It Locally

![dribbble-app-update](https://cloud.githubusercontent.com/assets/2805320/9274780/1ca63a6a-42a1-11e5-8570-2c2781ec721f.gif)
1. Clone this repo:
```bash
git clone [email protected]:catalinmiron/react-native-dribbble-app.git



Plugins used:
- [HTML parser](https://github.com/jsdf/react-native-htmlview)
- [React native Parallax view](https://github.com/lelandrichardson/react-native-parallax-view)
- [React native vector icons](https://github.com/oblador/react-native-vector-icons)

####How to run it locally

- Clone this repo `git clone [email protected]:catalinmiron/react-native-dribbble-app.git`
- `cd react-native-dribbble-app`
- run `npm install`
- Open `DribbbleApp.xcodeproj` in `XCode`
- Press `cmd+r` to build it


####Improvements
- [x] add icons in TabBar
- [ ] refactor 'facebook-movies' fetching logic
- [x] add author view
- [x] fetch comments in shot details
- [ ] switch to `ES6`
2. Navigate to the project directory:
```bash
cd react-native-dribbble-app
3. Install dependencies:
```bash
npm install
4.Open `DribbbleApp.xcodeproj` in Xcode.
5. Press `cmd+r` to build and run the app.