SartHak-0-Sach / Daily_fitness_app_ReactNative

Get your fitness on track with this intuitive and interactive daily fitness app, made using latest technologies React Native, expo router, tailwind CSS, and libraries like reanimated along with Rapid API to provide you the smoothest of experience!!

Daily Fitness App in React Native

Welcome! 👋

Table of contents

• Overview
  • The challenge
  • How to setup the project
  • Screenshot
  • Links
• How to run
• How to build
• How to preview the build
• How to host
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author
• Acknowledgments

Overview

The challenge

Users should be able to:

• Track daily fitness activities and goals
• View detailed exercise routines with animations
• Access a variety of workouts fetched from Rapid API
• Cache data for offline access
• Experience a responsive and smooth user interface

How to setup the project

To set up the project locally, follow these steps:

1. Clone the repository using GitHub Desktop or Git Bash:

   git clone https://github.com/SartHak-0-Sach/Daily_fitness_app_ReactNative.git

2. Navigate to the project directory:

   cd Daily_fitness_app_ReactNative

3. Install the necessary dependencies:

   npm install

Screenshot

Links

• Solution URL: Link to this repo
• Live Site URL: Live site URL

How to run

Note: You need Node.js and npm installed on your machine.

npm start

Use Expo Go app to scan the QR code and run the app on your mobile device.

How to build

npm run build

A dist folder should be created.

How to preview the build

npm run preview

How to host

Here is a guide: How to deploy the project

My process

Built with

• React Native
• Expo Router
• TailwindCSS
• Reanimated
• Rapid API
• Caching techniques

What I learned

Working on this project allowed me to delve deep into mobile app development using React Native and Expo. I learned how to integrate animations with Reanimated and manage data efficiently using caching techniques. I also explored fetching data from external APIs like Rapid API to provide dynamic content.

Continued development

I aim to add more features such as user authentication, personalized workout plans, and real-time progress tracking. I also plan to enhance the user interface with more animations and interactive elements.

Useful resources

• React Native Documentation - Essential for learning about mobile app development.
• Expo Documentation - Comprehensive guide to using Expo for React Native projects.
• TailwindCSS Documentation - Great resource for utility-first CSS framework.
• Reanimated Documentation - Guide to adding animations in React Native.
• Rapid API Documentation - Documentation for integrating various APIs.

Author

Sarthak Sachdev

• Website - Sarthak Sachdev
• LeetCode - @sarthak_sachdev
• Twitter - @sarthak_sach69

Acknowledgments

Special thanks to the extensive community and resources available on YouTube, Stack Overflow, and various blogs that provided invaluable assistance and guidance throughout this project.

Got feedback for me?

I love receiving feedback! I am always looking to improve my code and take up new innovative ideas to work upon. So if you have anything you'd like to mention, please email 'hi' at saarsaach30[at]gmail[dot]com.

If you liked this project, make sure to spread the word and share it with all your friends.

Happy coding! ☺️🚀