/front-end

React I & II

Primary LanguageJavaScriptMIT LicenseMIT

------------------------------#### ANYWHERE FITNESS ###--------------------------------


ui:

Unit-1

Motivation

The motivation for this project was to create an app that would connect fitness instructors with clients without having to join a gym. The UI of this project focused on developing a general theme and building landing and about marketing pages.

Tech/framework used:

Built with

  • HTML
  • CSS

Credit:

A huge shout out to the entire team at Lambda School. The expereince so far has been amazing and I can't wait to see what I learn next. Also, thank you to Sam, Andre, and Natalie for being awesome partners during this build week. Your feedback and encouragement has made this week totally worth it.


Front End:

Unit-2

Motivation:

The purpose of "Anywhere Fitness" is to make fitness possible anywhere! We wanted to connect clients with personal trainers and personal trainers with clients.

The app will be able to allow instructors can take attendance, request and process payments, create virtual “punch passes” for each type of class offered, alert clients of cancellations or location changes and so much more. Clients can easily find out information on classes - location, class size, start time and duration, as well as reschedule or cancel an upcoming appointment or reservation right from the mobile app. We hope to make our services more dynamic and evolved as we grow!

Tech/Framework Used:

Base:

  • create-react-app
  • axios
  • yup

Styling:

  • styled components
  • reactstrap bootstrap
  • GSAP

Credit:

Thank you to Lambda school for helping put this project into action. Our Team Leader Natalie was a huge help to launch the project and help get it running to what it is now. Brandon and Sam made huge efforts to make a super clean project and do everything they can and more to make it happen.


Front End:

Unit-3

Motivation:

We wanted to figure out a way to connect trainers and trainees in an easy and convenient way. These days, fitness classes can be held anywhere- a park, an unfinished basement or a garage- not just at a traditional gym. Certified fitness instructors need an easy way to take the awkwardness out of attendance taking and client payment processing.

Tech/Framework Used:

  • React
  • Reactstrap
  • Context API
  • GSAP

Credit:

Lambda School inspired (required) me to make this project. A big thanks to Andre Michalowski and Brandon O'Neal for helping build all the various aspects of the project and being willing to contribute whenever needed. Also, a big thank you to Natalie Davis for being an awesome Project Lead and helping us all stay focused and motivated!

How to use Features:

Create an account as either an instructor or client. Login with your credentials. Clients can easily view all available classes and search for classes. Instructors can easily view all of their own classes and can create new classes, update existing classes, or delete unwanted classes.

Installation:

Run npm install to install all needed dependencies. Run npm start to boot up the project on the localhost. Contribute: Make a payment processing system, let clients save classes to their profile.

IMPORTANT DOCUMENTS:

:github: GitHub Org: trello Trello Board: :reading_book: Product Canvas: https://docs.google.com/document/d/1DOECE2VCryomI2ow_ZinAeldfwFfw92lnEA8sU6TcuE/edit?usp=sharing --sample --Buildweek 101-- :gear: Read the Culture Document: https://www.notion.so/web25tl/Build-Week-1-3379248ee7ed40a3a0cc26f36b1225e6 bust_in_silhouette Role Descriptions https://www.notion.so/0200d2f8b46345c48c1418fa1c33652c?v=995e7fc27b73425bbe0f8741a6ba2c15 :git: Git Workflow https://www.notion.so/Git-Workflow-34f9b468dcf74a669aff0d3797870d37 100 Rubrics https://www.notion.so/Unit-Completion-Rubrics-c0783f6d9b7e435f9ce47e8cd2d0ee3b :focus-timer: Daily Milestones - https://www.notion.so/6e719d512134435f8a89ca2862f8d3e7?v=6c8d3bd7bbcb44539f8659fc96caa906 🦈Shark Tank Demo Guidelines https://www.notion.so/lambdaschool/Shark-Tank-Presentation-Agenda-for-Demos-For-Students-aafaadbe9e1448f8bbcce8afae11cf7b Help Channel

bw_help_java bw_help_ux bw_help_ds bw_help_ios