Git Product home page Git Product logo

myfitapp's Introduction

Mirra Giuseppe 863102

Nome gruppo: Mirtino

MyFitApp

This is an university project made with React Native and Expo.


How does the app work:

The idea was to let user who workout, creating, updating, deleting, reading workouts.
Essentially the user can do CRUD operations and manage his own workouts.


App Screens:

Loading:

The Loading screen is used to try to fetch email and password from the local
storage. If it fails, then switch to the Login screen.
Loading


Login:

The Login screen is used to sign in or sign up.
I've used Firebase for the authentication and registration of the users.
Once the user enters, an alert message appear and asks to memorize
the email and pwd on the local storage.
For the local storage i've used expo-secure-store which provides a way to
encrypt and securely store key-value pairs locally on the device.
Login


MyTrainings:

The MyTrainings screen is used to show all the workouts the uses added.
With a click on the workout card we can enter in WorkoutDetails screen where
the user can see all the days and exercises of the workout.
If click on Elimina the workout is deleted.
Up on the right there is a button with Logout text.
It's used to logout and delete the key-value pairs stored locally on the device. There's also a FAB button where user can navigate into AddWorkout screen.

MyTrainings


WorkoutDetails:

WorkoutDetails lets the user to see all the details and also to edit a specific
day of the workout if the user wants to, by clicking on the Modifica button. Above the workout, there is a motivational quote which is fetched from an external API.

WorkoutDetails


AddWorkout:

AddWorkout is the sreen where user can add new Workout.
The workout is divided in days.
Each day can contain more exercises(At least one).

AddWorkout


EditWorkoutDay:

The EditWorkoutDay screen lets the user edit the workout day selected.
The components of the screen are the same as the AddWorkout.

EditWorkoutDay


Architecture:

Architecture

myfitapp's People

Contributors

beppem avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.