Animated Carousels (React Native)

Project Description

This project is a collection of a few carousels built in React-Native using the Animated API.

It was built to demonstrate and better understand the Animated API that is shipped with React-Native

The project leverages a number of React-Native functionalites and components forexample Navigation such as Bottom Tabs and Drawer Navigation, The Animated API, FlatLists, Masked View, and Svg.

Screenshot / Demo video

Carousel_Main.mp4

🔧 Built with

• React Native
• Expo
• ReactJS

🔴 Live Demo

• <not yet available>

Get started

Prerequisites

• Yarn
• Android Simulator or IOS Simulator or A smart device with Expo GO installed on it.

Steps to follow

1. Clone the repository to your local machine by running git clone git@github.com:RNtaate/animated-carousel-React-Native-.git in your terminal

2. On your local machine, navigate to the project folder using the cd command in your terminal

3. Run yarn to install all the necessary dependencies.

4. Run npm start to start the application on a local server

5. if you are using a device with Expo GO:

• Open the Expo GO app and scan the QR code in your terminal, the project will be bundled and run on your device. Please be patient while this process takes place.

🤝 Contributions

There are two ways of contributing to this project:

1. If you see something wrong or not working, please check the issue tracker section, if that problem you met is not in already opened issues then open the issue by clicking on the new issue button.

2. If you have a solution to that issue, and you are willing to work on it, follow the below steps to contribute:

   1. Fork this repository

   2. Clone it on your local computer by running git clone git@github.com:RNtaate/animated-carousel-React-Native-.git Replace RNtaate with the username you use on github

   3. Open the cloned repository which appears as a folder on your local computer with your favorite code editor

   4. Create a separate branch off the master branch or main branch,

   5. Write your code which fixes the issue you found

   6. Commit and push the branch you created

   7. Raise a pull request, comparing your new created branch with my original master or main branch here

✒️ Authors

👤 Roy Ntaate

• Github: @RNtaate
• Twitter: @RNtaate
• Linkedin: roy-ntaate

Show your support

Give a ⭐️ if you like this project!

Acknowledgements

Catalin Miron