fnplus / footsteps-app Goto Github PK

User data has been added to the context API. Many existing components are making requests to the server in order to get this data. Need to update these components to use the context API data instead.

I know a good name can make the product be memorable with people. I named the app footsteps because that's what I thought resonated well with the idea. But, I think maybe the name of this app can be something easy & clever to remember by. We're open to suggestions!

Hi,
I would like to propose that a contribution guidelines document should be added to the repo to make it easy for the contributors like me to get started with the projects. What I'm proposing is a standard way of making PRs, branch naming, commit messages and anything else that I might be missing.

I was searching around and I found this guide for making the commit messages standard. Any help, guidelines would be appreciated and I'm willing to make a document based on the suggestions.

We recently added the ability to view the public profile of a user. All public user profiles are now visible at https://www.footsteps.dev/user/your-username. Now we want to link the public profile in the search results page so anyone can discover other learning paths by the same user.

Example Link: https://www.footsteps.dev/user/abhi

The home page of the app can be modified to include the learning paths which the user has subscribed to/starred/active on. It can also include recommendations for other paths based on user's preferences/active learning paths.

This would work well with the search bar moved to the top. See issue #24

Add ability for the user to follow a particular path and the followed paths should be available on their profile.

So, we started working on the app with a signup & login screen as I wanted to keep it exclusive to Fnplus community members. But, now the plan is to make the app available for all. In order to that, we need to remove the signup screen from the app and keep it optional.
A user should be able to search for learning paths in the app but any other functionality like browsing user profiles, forking a learning path or editing should be limited to signed-in users.

Add a feature to save or archive a learning path for future reference.

The public profile URL doesn't have proper meta tags which show an image of the user & name while sharing on social media.

Try sharing your public profile page on WhatsApp or Telegram to test the link

We want users to complete their profile by adding their skills and social links. This helps in creating trust in the network and also helps people to discover new users. But, we don't want to keep the profile input fields to be mandatory on signup. This will be a bad user experience and many people will quit.

Instead, we'll be using Game Design to encourage users to complete their profiles after they've successfully signed up. On the profile screen, we'll be adding a progress bar which checks if they've added all social links and other necessary inputs.

P.S: For design inspirations, Google 'LinkedIn All-Star profile'

The public profile page is visible at https://www.footsteps.dev/user/user-name

We can improve the experience of the search by keeping the search bar at the top available for the user anytime. The search results can come below it. The user would be able to modify the query as per their need.

The following error occurs while running gatsby build. The issue is most probably associated with the firebase module.

gatsbyjs/gatsby#10457 (comment)

error Building static HTML failed

See our docs page on debugging HTML builds for help https://gatsby.dev/debug-html

  85 | ]);
  86 | 
> 87 | proxyRequestMethods(Index, '_index', IDBIndex, [
     | ^
  88 |   'get',
  89 |   'getKey',
  90 |   'getAll',


  WebpackError: ReferenceError: IDBIndex is not defined

When you try to sign up for the first time by giving the first name and last name, here's what is happening.

Currently the links entered aren't verified if they exist or not. Write a Validator function and in the settings Page check whenever a person enters his/her Social Media link.

why this app/web make sign in compulsory?

it will cause privacy concerns of activity tracking. If they don't require to.

PS: most people won't like to try due to privacy concerns. Just a bit of Advice of what i feel.

The contributor should be able to able to put together a landing page that can show the why & how of the problem we're solving to people. It's crucial that the page looks engaging and follows good UX practices.

@praveenscience @xlogix I am a GSSOC participant and I would like to add an issue template folder with bug_report_template.md, feature_request_template.md and pull_request_template.md

Screenshots

Bug Report

Feature request

Pull request

The learning path UI on the profile page and the search result page are inconsistent. It would be better if we have a single component for the Learning path UI throughout the App.

Profile page

Search Result Page

React Tag Input dependency is used in the on-boarding process of the app when the user enters his/her skills. This process can take a while since there are no auto-complete suggestions in the tags. We should add basic complete options for skills.

Link to the package: https://www.npmjs.com/package/react-tag-autocomplete

Make sure to remove peer dependencies of react-tag-input as well.

Need to implement the right Graphql query to search through all the learning paths and footsteps. Right now I am using the contains clause but it requires the user to be very specific with the keyword or else it doesn't work.

Do we need to create a custom function?

The Search Engine Optimisation for the public profile page needs to be updated. Apart from adding usual UTF tags, favicons, etc. The title and description of the page should be dynamic. For example, the title can be: "Walk in the footsteps of {FirstName}'" The description can be: "{FirstName} has made learning paths using FootstepsApp. Follow {FirstName} and learn the way he recommends it"

It is open to your imagination. I'm open to more ideas.

https://gist.github.com/krsnvijay/02209b327049de5f1c2f62c63db8e3f9

The Public profile of the user needs to show the learning paths that they have created. Right now it only shows their profile info.

There is a Type Error while loading the user's Public Page at https://footsteps.dev/user/<username>
Example https://footsteps.dev/user/dev

https://gist.github.com/krsnvijay/02209b327049de5f1c2f62c63db8e3f9

This is the current graphql Schema, which is currently deployed on aws appsync

I will like to start working on a flutter app with the splash screen.
@xlogix

We're working on adding a progress bar on a learning path. A progress bar can only 'progress' if the user is able to select the Footstep(s) and mark them as 'done'.

Refer to issue #17

If I search a path 'React' it shows me the results, but in case of all small case it return nothing.

A student should be able to choose a learning path according to his/her choices.
To be done after DB and UI are finalized.

The search bar should show a drop-down list of results related to the query.
We should be able to improve the search suggestions based on other queries submitted to the app. We can also keep a word-list of popular keywords for auto-complete.

Feel free to put your ideas/suggestions here.

Make separate stateless/stateful function modules for frequently used React components. Separate JS file for validation function, also unified naming conventions of all the CSS files imported.
Components/Create/addPaths.js
Components/EditPath/editPath.js
etc

You can use this or something else to achieve the effect

Describe the bug
The learning path cards are not responsive.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'public profile page'
2. Scroll down to '....'
3. See error

Expected behavior
The cards should be responsive.

Screenshots

The page become blank after a few seconds and the following error message is printed to the console

TypeError: Cannot read property 'split' of null
    at o.a.componentDidMount (signUpFlow.js:36)
    at ys (react-dom.production.min.js:6372)
    at t.unstable_runWithPriority (scheduler.production.min.js:274)
    at Gi (react-dom.production.min.js:2842)
    at bs (react-dom.production.min.js:6153)
    at os (react-dom.production.min.js:5456)
    at react-dom.production.min.js:2877
    at t.unstable_runWithPriority (scheduler.production.min.js:274)
    at Gi (react-dom.production.min.js:2842)
    at Yi (react-dom.production.min.js:2872)
fc @ commons-2acae78f2a3b97d5654e.js:1

The feature should be available while creating as well as editing the path.

The video should preferably be a 60-90 second video explaining the app with a story. To help get started, I've laid down my ideas in this Google Doc. You're welcome to work on this or start something on your own.

https://docs.google.com/document/d/1w_WpiuF1sFMvLLBa6QvZ4Tu4vsf61uyyq_zSGCrikZA/edit?usp=sharing

The UI should have an option to upvote a learning path by a user. The vote count should change when a user upvotes a path.
P.S: It would be better to use a HashMap here with the IDs of the users who upvoted. This would help us design a better recommendation engine as well.

Hello!

Greenkeeper is no longer available for new installations.

The service will be saying goodbye 👋 and passing the torch to Snyk on June 3rd, 2020. Find out more at greenkeeper.io.

If this is your only Greenkeeper installation, you can just sign up for Snyk directly, it’s free for Open Source even has free features for private projects as well.

Nevertheless, thanks for your interest in Greenkeeper! We’re sure your repositories will find a good home at Snyk ☀️🏡💜

All the best from everyone at Greenkeeper! 👋🤖🌴