Skip to content

znjs/zeal-productivity

Repository files navigation

Zeal Productivity

Start your day with high productivity and a planned manner using zeal productivity extension. Plan ahead using Zeal extension.

Features -

  1. Takes user Input which persists on reload
  2. Takes Focus of the which is editable (edit and done)
  3. Search using google search feature
  4. Detected the location and shows the current locaion weather, with a rollback default.
  5. User can enter city name and weather data will be fetched
  6. Shows different weather parameters on cick of the weather icon
  7. Todo notes which can track all the users tasks with done and remove feature
  8. A clock with formatable time - 24hr/12hrs

Built with -

  • React JS
  • React useReducer
  • Tailwind CSS
  • Tailwind Styled Components

Learnings -

  • How to have persistant data on reload (local Storage)
  • How to use External CSS libraries
  • Using JS Date functions
  • Using different npm packages to our advantage
  • How to search for different API's
  • How to error handling in API calls

Resources -

Author