Giter Site home page Giter Site logo

jovnik / fiterr-frontend Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 32.21 MB

Fiterr is a social platform and business space where you can socialize with other health and fitness enthusiasts, find and train with coaches, and create and manage your business as a professional.

HTML 0.43% CSS 27.29% JavaScript 72.28%

fiterr-frontend's Introduction

Fiterr

Purpose: Fiterr is a social platform and business space where you can socialize with other health and fitness enthusiasts, find and train with tailored coaches, and create and manage your business as a professional.

Functionality/features

  • Login and sign up with authentication

Social features

  • Follow other enthusiasts, professionals and businesses
  • Comment/like/share posts
  • Direct message other users
  • View notifications
  • Set privacy
  • Personalise your profile (upload profile picture and other media)

Business features

  • Create your own business page on the platform
  • Offer/create packages for enthusiasts to purchase
  • Manage staff and roles on the page
  • Keep track of all appointments through the business
  • Manage finances and view past transaction history
  • Manage your brand through the social services offered

Enthusiast features

  • Purchase packages from businesses
  • Book sessions and times based on the packages
  • View past and upcoming sessions
  • Cancel sessions
  • View your trainers and packages

Professional features

  • View your clients and past appointments/sessions
  • View the businesses that youre affiliated with
  • View and manage your finances
  • Hello

Target audience

Intended target audience for the release of Fiterr would be anyone who has a passion or interest in the health and fitness industry. This could be improving their own health and fitness or to assist others in this area.

Tech stack

The tech stack being utilised to complete this project will be the MERN stack.

The MERN stack is a javascript stack that uses the open-source technologies MongoDB, Express, React and Node.js.

MongoDB: NoSQL document oriented database that stores and provides all data as JSON.

Express: back end web application framework that handles the routing of requests.

React: facebook-owned library used for creating front end views rendered in HTML

Node.js: cross-platform JavaScript runtime environment

Third party applications that we plan on using for the web app include:

  • passport (authentication and authorization)
  • stripe (payment handling)
  • aws s3 bucket (image and media uploads)
  • formspree (confirmation email)
  • nexmo (confirmation texts and emails)
  • fontawesome (icons)
  • elastic search

Dataflow Diagram

Data flow diagram

User Flow Diagram

Link to User Flow Diagram

Entity Relationship Diagram

ERD

Application Architecture Diagram

Architecture

User Stories

As a health enthusiast, I would like to join a social platform and network with other like minded people.

As an individual looking to find a training program, I would like to be able to find a training package that tailors to my needs.

As a site user, I want to access all my messages between other enthusiasts and professionals in the one place for ease of access.

As a site user, I would like to be notified of posts and new packages etc. when they become available.

As a business owner I want a platform where I can grow and improve my business by finding relevant content in my feed.

As a business owner I want to be able to maximise my potential market by finding new customers through social media.

As a professional I want to be able to join other businesses ive been invited to join and work closely with other trainers.

As a professional managing clients I want to have a direct line of communication with them and manage appointments.

As a guest user on fiterr I want to be able to locate professional trainers and businesses by searching for them without an account so that i can see what the site has to offer.

As an enthusiast who has had multiple trainers and purchased multiple packages I want to be able to view my past transactions and history.

Wireframes and Mockups

Homepage

Homepage

Sign Up

Sign Up

Login

Login

News Feed

NewsFeed

User Profile(Desktop)

Desktop User Profile

User Profile(Tablet)

Tablet User Profile

Business Page(Desktop)

Business Page Desktop

Business Page(Tablet)

Business Page Tablet

Collaborative Tools (Agile methodology)

Trello Progress Screenshots

  • Sprint 1 :
    Completing Documentation for Real World App "Fiterr" Sprint 1

  • Sprint 2 :
    Initialising App and Creating Routes Sprint 2

fiterr-frontend's People

Contributors

joryaboya avatar jovnik avatar fiterr-paul 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.