Code Monkey home page Code Monkey logo

fitility-opensource's Introduction

Konnichiwa, Masudha desu! ๐Ÿ‘‹

I'm a React JS Developer.

  • ๐ŸŒฑ Iโ€™m currently learning MERN stack.
  • ๐Ÿ’ป Software Engineer at Duetsche Telekom Digital Labs
  • ๐Ÿฅ… 2023 Goals: Experiment, learn and build stuffs with my skillsets.
  • ๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป Pronouns: she/her
  • โšก Fun fact: I love anime and I am a crazy otaku!
  • ๐Ÿ’ฌ Ask me about Tech-related stuff

Connect with me:

Masudha Meher | Linkedin Masudha Meher | Medium Masudha Meher | Twitter

Languages and Tools I use:

C++

HTML5

CSS3

Sass

Bootstrap

JavaScript

ReactJs

Flutter

Dart

MySQL

Firebase

PHP

Git

Visual Studio Code




Views:



fitility-opensource's People

Contributors

niloysikdar avatar samflab avatar shagun25 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

fitility-opensource's Issues

Auto Login for user

When a user has logged in into the application, they will not be logged out from the application automatically (until they click on logout button)
After then re-open to application, they should be directed to the home page and not the login page.
When you create a PR, please also add a screenshot to it.

Notifications

Notify users when a new video is added.

  • requires connection with backend
  • also display a red dot on the buttons in home page to indicate the newly added videos

Dance Page

Add the cards to this page Again, we will be integrating it with the backend so work accordingly.

Admin Panel : Add the Login Page

Since we are designing the Admin panel so no Sign up Page will be required.
Make the necessary changes in this folder
Refer to this design
If the link is not working, you may refer to this image:
admin login

Sign up Page

Add the frontend for the Sign up Page.
Please follow this design for the page
When you create a PR, please also add a screenshot to it.

Slideshow in Home Page

A little change in the home page. Change the single banner image into a slideshow with multiple images.

Admin Panel : Home Page (Adding Videos)

After the admin logins in, they can add / modify / delete the videos which will be shown to the users (Fitility app)

  • As you can see, when you click on Dance Radio Buttons only those fields should be visible. If the admin wants to add workout videos then additional fields should be visible.
  • Add screenshots to the PR
    Refer to this design
    If the link is not working, refer to this image:
    add dance videos
    add workout videos

Reset Password Page

Please follow this design

  • Please exclude the last 2 textbox and replace the verify email button with reset password
  • When you create a PR, please also add a screenshot to it.

Home Page

This page should appear as soon as the user logs into the app
Follow this design for the page.

  • all the required assets are all downloadable.
  • please use proper naming of the assets
  • please use modular code for the frontend, avoid writing complex and lengthy code.
    if you are the making a PR, please attach a screenshot as well.

Update the README file

-Update the README file as the pages are been added to the application and also attach the screenshots of their respective pages.

  • Make the README file attractive

Fix the issue with landscape view

For now, if the user rotates the phone (maybe by mistake) , then the application is switching to landscape mode and all the sharedpreferences data is getting cleared (maybe some bug). So we need to stop our app to switch to landscape mode .

Admin Panel : Home Page (Modify)

After the admin logins in, they can add / modify / delete the videos which will be shown to the users (Fitility app)
Refer to this design

  • In the drop down, the list of videos should be available (from database) and after selecting the video, its respective details should be displayed after which the admin can edit and save the changes.
  • Also include the required changes for Dance and Workout Pages
  • Add screenshots in the PR.
    If the link is not working, refer to this image:
    update

Bottom Navigation

After login-singup page, implement a common bottom Navigation bar.
The required icons are present in the respective asset folder, import them before you use it.
Please refer to this design
bottom navbar
When you create a PR, please also add a screenshot to it.

Message Box

Add the message box wherever necessary.

  • when users login, display a message 'Welcome to Fitility'
  • when a login fails display a message 'Login failed. try again later'
  • when a new user signs up, 'Welcome to fitility. Login to confirm'
  • when a sign in fails display appropriate msgs like email already in use or password too small.

Login Page

Implement Login functionality with Firebase

Workout Page- Cards

Make the cards below the button scroll. Since it will be integrated with the backend, I'd suggest you make one card and call it multiple times for now.

  • Make the cards under all the sections.
  • Attach a screenshot when you make a PR.

Reset Password Functionality- Extended

Add a toast message that should appear when the user submits the email for verification.
The message should be "Password reset link has been sent to your email"

Sign up Page

Implement Sign up functionality with Firebase

User Details Page

This page will display the basic user details like name, email, phone, etc. This page should appear when you click the hamburger menu button in the AppBar.
Follow this design

  • use dummy values, later on it will implemented with backend.
  • implement the navigation and page transition
  • add a logout button, its not included in the design.
  • add the screenshot of the page when you make a PR

User Details Page- Extended

Follow this design and this

  • The section under 'Account" and 'Support' appear when you click on it.
  • In this page, users can update their details.
  • The fields will become editable only when the user clicks the edit button, otherwise it will display the user details.
  • Add a Save Button beside the Edit Button, or you can toggle between the both. Do however you like it.

Logic for Onboarding Page

Onboarding page is the 1st page which is displayed when you install the app and use it very first time. Second time you use the app(without re-installing), this page should not be shown, instead it should be a login page or home page (as required).

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.