Definition of Facile - Achieving something with ease/effortlessly
Facile is a subscription based streaming platform for follow-along fitness workouts and coding tutorials.
Visit Facile to find out more!
- User sign up/ sign in (Auth)
- Select user profile (Mimicking Netflix)
- Select category tab (Fitness/Coding for now).
- Live search using Fuse.js
- Video overlay using ReactPortal
- Multiple episodes per video series.
- Scrolling container when searching for videos similar to Netflix.
However, the one time upfront payment for each individual courses meant I can’t back out even if the course is not for me.
Basically a short answer is the interface is confusing and everything coding related is themed under web dev, so its hard to find react or iOS dev tutorials specifically.
During the COVID-19 lockdown period, I noticed lots of people searching for online follow along fitness workouts, and I kinda think it will be awesome to have a platform with a simple interface for users to access such videos easily.
Coding tutorials for programmers of any languages or skill level looking to further increase their knowledge on their respective fields.
People who prefer working out in their own private zones but are afraid/ do not like going to the gym.
People who want to learn a new skill and want a simple platform to do so! Binge-watching is sure a good way to start!
Step 1: Creating wireframes to visualize which components are needed/ how the layout/interface of the app looks like:
Step 2: Planning out folder structures, listing out components required and basic overall architecture overview:
Step 3: Begin coding
- React Routers for accessing different pages, i.e. signin/signout page, home page, browse page.
- React Hooks
- ReactPortal for video player overlay.
- styled components + compound components for reusable components/ styling.
- Firebase for authentication and firestore for storing backend data & information
- Fuse.js
- Styled-components
- jest/ inbuilt react testing library for a few small tests