Coder Social home page Coder Social logo

avikalpg / free-time Goto Github PK

View Code? Open in Web Editor NEW
5.0 5.0 9.0 3.28 MB

https://myfreetimeinaweek.in helps its users recognize the amount of time they have in their life for things that they love.

License: GNU General Public License v3.0

JavaScript 100.00%

free-time's People

Contributors

avikalpg avatar mayankpushpjeet avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

free-time's Issues

Fix the continuous integration pipeline for Github actions

What

Currently, we install expo cli globally in the workflow runner, which is not a recommended method.

How to fix it

As of today, the recommended way of building expo projects in CI is through EAS. You can follow this documentation to implement the same.

Remember that the Github-page deploy will remain the same. Only the action for generating the build files from the expo will be modified.

Quiz based user journey

Is your feature request related to a problem? Please describe.
It is not obvious on the website that the user can modify the activity list. As a result, they just look at the activity chart which is presented to them and do not modify it.

Describe the solution you'd like
When a user opts to use the free-time-in-a-week calculator, we can present it as a sequence of questions about sleep duration, full-time job commitment, daily-chores time buffer, leisure activities and hobbies. This input can be used to present the UI that currently exists, but with the data that the user has provided instead of some arbitrary data.

Describe alternatives you've considered
I haven't thought of any alternatives to this method.

Additional context
I got this idea from this podcast: https://www.sidehustlenation.com/quiz-funnels-101/

The footer does not stick to the bottom of the screen

Expected behaviour:

  • The footer should not be sticky. When there is more content on the screen, the footer should only be visible on scrolling down to the end of the page.
  • The footer should maintain a 5em margin from the last element on any page
  • All intended navigations from the links in the footer must work.
  • The footer should be at the bottom of the screen even when there is little content on the page to fill it.

Current behaviour

At the moment, all except the last condition are true. We want to fix this last thing as well.

Add instructions and resources on the website to guide users

Why

Currently, this platform is a tool for the informed and can be used by them to help others use it.
But we want any new user to quickly understand what is the utility of the tool and how to use it.

What

Add a view below the tool on the landing page itself that effectively explains the advantage of using this tool.
Add another view below that teaches how to use the tool.

How

  1. Read the "Contribute" section of the README.md file to understand how to set up the project in your local machine.
  2. Create a wireframe of what the views will look like and share them as comments on this issue.
  3. Once we finalize the design, this issue will be assigned to you for development.
  4. Mention the issue number in the PR you raise.

Use Recharts instead of react-native-svg-charts

Describe the bug
The react-native-svg-charts do not provide interactivity in the pie chart which is the essence of this website. It also leads to many errors and warnings on the console, which is not a pretty sight.

To Reproduce
You need to run the code locally on Node v16 to see the errors in the browser console.

Expected behavior
Ideally, the console should be clean and the pie chart should be interactive: highlighting each section's label and percentage/value when hovered over. This way, users can better understand how much time they devote to which activity.

Screenshots
console errors when using the library

Desktop (please complete the following information):

  • OS: MacOS
  • Browser [e.g. chrome, safari]: Chrome
  • Version [e.g. 22]: 1.0

Google Analytics and AdSense secrets should be hidden

Currently, these values are directly mentioned in the App.js file.
Actually, making these values secret will not really protect them because these numbers are sent to the client every time they access the page.
But not having them open in the repository should be better than the current situation.

Create Free-time weekly planner

Why

We currently only have a "Free-time calculator" on the application. We also want to build and add other tools that help the user understand how and when can they work on the things that are important to them, but don't necessarily fall in the "necessary" category.
One such tool is a high-level weekly planner.

What

The Free-time weekly planner is not a calendar. It is not supposed to keep track of your meetings and other activities or save your tasks that can get done.
Instead, it is a high-level static plan of the week. We recommend to our users to minimize the amount of "ad-hoc" things that they do and instead, schedule time for ad-hoc things and use tools (like Clockwise and RescueTime) to manage expectations while doing things that are important to them.

Here is a hand-drawn wireframe of how this tool would look:
Free-time Planner

Each of the sections will be colour-coded based on the category of activities (shown as different patterns in their fillings).
The "Free time" and "Sleep" categories of activities will be a non-editable. The initial list of suggested categories:

  1. Free-time (primary colour)
  2. Sleep (grey)
  3. Full-time job
  4. Commute
  5. Chores and meals
  6. Social Time
  7. Rest & Recreation

How

Prerequisites

  • Your repository should already be set up

Steps

  • It is encouraged to use other open-source libraries for the UI elements, but not necessary
  • Mention the issue number in your Pull Request.
  • Add an image or GIF in your PR description or comments showing what your component looks like.

Charts for insights from Free-time Calculator

Why

Just looking at a number is effective, but effective visualizations create a more impactful impression on the user.
For example, seeing that you have 30 hours of free time in a week might not sound like much, unless it is kept in juxtaposition with your full-time job, which only asks for a 40 hours per week commitment.

What

Charts that are based on the details submitted by the user in the free-time calculator tool.
Details will be discussed on this issue (or in Discussion forums)

How

TBD

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.