Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sisay2405/physical-fitness
Being physically active can improve your brain health, help manage weight, reduce the risk of disease, strengthen bones and muscles, and improve your ability to do everyday activities.
https://github.com/sisay2405/physical-fitness
axios eslint firebase firebase-database javascript material-ui react-hooks redux-toolkit routing styled-components testing types typescript
Last synced: about 1 month ago
JSON representation
Being physically active can improve your brain health, help manage weight, reduce the risk of disease, strengthen bones and muscles, and improve your ability to do everyday activities.
- Host: GitHub
- URL: https://github.com/sisay2405/physical-fitness
- Owner: sisay2405
- Created: 2022-08-30T19:27:17.000Z (over 2 years ago)
- Default Branch: development
- Last Pushed: 2022-12-12T19:04:11.000Z (about 2 years ago)
- Last Synced: 2024-05-28T18:37:06.606Z (7 months ago)
- Topics: axios, eslint, firebase, firebase-database, javascript, material-ui, react-hooks, redux-toolkit, routing, styled-components, testing, types, typescript
- Language: TypeScript
- Homepage: https://github.com/sisay2405/Physical-fitness
- Size: 3.58 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Table of Contents
## About The Project
This app build with the existing knowledge of the React basics, and give you further practice working with codebase linting, component testing, Redux Toolkit, and TypeScript. A user should, at the bare minimum:
- exercise (add exercise, [pushup, pull, number, completed/not] save to storage , loop)
- Create complex workouts easily
- Define your own exercises with custom durations
- update and remove exercisesThis app used Redux Toolkit and state slices to manage any state data needed across multiple components. In the case where data is created and used only within one component (or possibly one and a few of its direct children), consider using useState() or useReducer() and traditional prop drilling. Most apps will use a combination of "local" state management (useState() and useReducer()) and "global" state management (Redux or Context API).
Apply the TypeScript static typing system. try to use TypeScript for the majority of React components! installed typescript, add support for TypeScript linting, and use either .ts or .tsx extension for the files to apply TypeScript type-checking on.
Use the `BLANK_README.md` to get started.
### Built With
A few of the frameworks/libraries that were used to build the project are:
- React
- Firebase
- React Redux
- Axios
- React Router
- EsLint and AirBnb
- Typescript### wireframe
### Getting Started The App build out with simple wireframes using Figma.
## 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
- npm
```sh
npm install npm@latest -g
```### Installation
1. Get a free account at for firebase to create your own collection and add it to your .env file to connect your API to your Data base
2. Clone the repo
```sh
git clone https://github.com/sisay2405/Physical-fitness
```
3. Install NPM packages
```sh
npm install
```
4. Enter your firebase configuration details in your `.env` file in your backend
```js
REACT_APP_FIREBASE_API_KEY = 'ENTER YOUR API KEY';
REACT_APP_FIREBASE_AUTH_DOMAIN = 'ENTER YOUR FIREBASE_AUTH_DOMAIN';
REACT_APP_FIREBASE_PROJECT_ID = 'ENTER YOUR FIREBASE_PROJECT_ID';
REACT_APP_FIREBASE_STORAGE_BUCKET = 'ENTER YOUR FIREBASE_STORAGE_BUCKET';
REACT_APP_FIREBASE_MESSAGING_SENDER_ID = 'ENTER YOUR FIREBASE_MESSAGING_SENDER_ID';
REACT_APP_FIREBASE_APP_ID = 'ENTER YOUR FIREBASE_APP_ID';
```
5. npm start for START the app.## Usage
Can be used to workout the Exercises your can create your own physical fiteness web app and share it with your community. You can:
- [x] Creat, Customize Exercises
- [x] Add Exercises
- [x] Delete Exercises
- [x] Edit Exercises
- [x] User Sign In/Sign Up
- [x] To creat your Exercises you will need to sign in/sign up## Contact
Sisay Areaya - [email protected] , [email protected]
Project Link: Physical Fitness
## License
Distributed under the MIT License. See `LICENSE` for more information.