Ashdeck is an open-source productivity app that blocks distractions and enhances focus. It transforms your browser into a personalized dashboard to help you stay calm, track progress, set goals, and build efficient work habits—ultimately boosting productivity and control.

1. npm install

2. npm run dev

Please try to study the code structure for easy collaboration. I included abstractions to mimic a Next.js file router by making use of generouted.

If you need to read on generouted, please visit the documentation

I also included ready made components that are easy to use e.g:

• CustomButton: Button component
• FormInput: Input component for basic text. works well with React-hook-forms

etc.

• Axios
• Prettier
• React-hook-forms
• Icon - IconSax
• React hot toast
• Zustand (Pleaseeee let's consider it.. it's very simple to use, check out the store folder)
• Tanstack Query

• Custom Router (Wrapper around react-router-dom), the router is already setup to work with generouted.
  Folder: commons/router
  Usage:

  import { useRouter } from '@router';
  // You can import eevry thing importable from react-router-dom from "@router"
  
  const router = useRouter();
  
  router.push('/users');
  router.replace('/settings');

• API Object (Wrapper around Axios)
  File: commons/utils/axiosProvider.ts
  Usage:

  import {api} from '@utils/axiosProvider';
  api.get('/users').then((res) => console.log(res));
  api.post('/users', {name:"William"}).then((res) => console.log(res));