https://github.com/biomathcode/simpleanimatedclock
simple animated clock with digital timer build with react-native
https://github.com/biomathcode/simpleanimatedclock
beginner clock-animation day3reactnative javascript js project reacjs react reactnative simple-animation
Last synced: 28 days ago
JSON representation
simple animated clock with digital timer build with react-native
- Host: GitHub
- URL: https://github.com/biomathcode/simpleanimatedclock
- Owner: biomathcode
- License: mit
- Created: 2020-11-28T03:48:05.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2020-11-28T04:29:40.000Z (over 5 years ago)
- Last Synced: 2025-06-04T11:20:51.369Z (12 months ago)
- Topics: beginner, clock-animation, day3reactnative, javascript, js, project, reacjs, react, reactnative, simple-animation
- Language: JavaScript
- Homepage:
- Size: 597 KB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
[![Issues][issues-shield]][issues-url]
[![MIT License][license-shield]][license-url]
[![LinkedIn][linkedin-shield]][linkedin-url]
Simple Animated Clock with react-native
Simple beginner project to start learning about animation in react-native
Report Bug
·
Request Feature
Table of Contents
## About The Project
### Disclaimer this project is not mine. I have made it with the help of a youtube video [youtube-tutorial](https://www.youtube.com/watch?v=YBci4HFRQ_)
The project is build with the help of
Here's why:
* I wanted to learn about react-native animation library.
* How to sequence animation?
* part of #30daysofreactnative :smile:
This project does has a Bug in Android build which i will try to solve but if you can solve it will be of great help please make a pull request. I would happily add you name in contributors.
A list of commonly used resources that I find helpful are listed in the acknowledgements.
### Built With
This section should list any major frameworks that you built your project using. Leave any add-ons/plugins for the acknowledgements section. Here are a few examples.
* [react](https://reactjs.org)
* [react-native](https://reactnative.dev)
* [youtube-tutorial](https://www.youtube.com/watch?v=YBci4HFRQ_)
## Getting Started
This is an example of how you may give instructions on setting up your project locally.
To get a local copy up and running follow these simple example steps.
### Prerequisites
This is an example of how to list things you need to use the software and how to install them.
* npm
```sh
npm install
yarn start
```
## Usage
There are many two purpose of this simple project. Learn how to make animation with reactnative and make something that you can add to your portfolio.
_For more examples, please refer to the [Documentation](https://example.com)_
## Roadmap
See the [open issues](https://github.com/pratiksharm/SimpleAnimatedClock/issues) for a list of proposed features (and known issues).
## Contributing
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are **greatly appreciated**.
1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
## License
Distributed under the MIT License. See `LICENSE` for more information.
## Contact
Pratik sharma - [@BioMathCode](https://twitter.com/BioMathCode)
Project Link: [https://github.com/BioMathCode/SimpleAnimatedClock](https://github.com/BioMathCode/SimpleAnimatedClock)
## Acknowledgements
* [youtube-tutorial](https://www.youtube.com/watch?v=YBci4HFRQ_)
[contributors-shield]: https://img.shields.io/github/contributors/othneildrew/Best-README-Template.svg?style=for-the-badge
[contributors-url]: https://github.com/pratiksharm/SimpleAnimateClock/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/othneildrew/Best-README-Template.svg?style=for-the-badge
[forks-url]: https://github.com/othneildrew/Best-README-Template/network/members
[stars-shield]: https://img.shields.io/github/stars/othneildrew/Best-README-Template.svg?style=for-the-badge
[stars-url]: https://github.com/pratiksharm/SimpleAnimateClock/stargazers
[issues-shield]: https://img.shields.io/github/issues/othneildrew/Best-README-Template.svg?style=for-the-badge
[issues-url]: https://github.com/pratiksharm/SimpleAnimateClock//issues
[license-shield]: https://img.shields.io/github/license/othneildrew/Best-README-Template.svg?style=for-the-badge
[license-url]: https://github.com/pratiksharm/SimpleAnimateClock/blob/main/LICENSE.txt
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://linkedin.com/in/pratiksharm
[product-screenshot]: images/screenshot.png