Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 3 days 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 (about 2 years ago)
Default Branch: development
Last Pushed: 2022-12-12T19:04:11.000Z (almost 2 years ago)
Last Synced: 2024-05-28T18:37:06.606Z (6 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

Physical Fitness

Table of Contents

About The Project
- Built With
- Wireframe

Getting Started
- Prerequisites
- Installation

Usage

Contact

## 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 exercises

This 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.