dinnosaur/skillherit-frontend

The front-end of my final module in Flatiron school.

SkillHerit

Introduction

SkillHerit is a web app that allows users to view and share experiences learning a skill mainly on the web and share it with other Users. The front-end is created using React and the back-end is created using Ruby on Rails. Users are able to sign-up , sign-in and view skills, create skills and add skills to their track. Users can create learning sessions once a track has been created where they will be able to time, add notes and links for each learning session. MomentJS and ChartJs have been used to accurately time sessions and visualize the user's learning journey. The back-end stores most of the information, API calls are established on the front-end to obtain required data to display. Still in the early stages with more room for imporvements and additional features.

Program in action

This is the home page that the user is presented with when the user has logged in. It is all the Skills that users have posted,users can also filter by topic or length of completion.

 

This journey page allows the user to access logs of learning sessions for tracks that have been completed.

 

This is the learning session page that allows users to add notes and links. MomentJs library is used to time the beginning and ending of a session, a user is also able to time they have been distracted by clicking on the distracted button this will in turn count the amount of time the user has been distracted for.

 

This is the Statistic page, that shows a visualized breakdown using the ChartJs library of all the skills that a user has learnt with the time spent learning and the time the user has been distracted for.

 

Link To The Backend

Link To website