In today's fast-paced and multitasking world, people often juggle multiple projects and tasks simultaneously. The challenge of managing all these projects effectively can lead to stress, missed deadlines, and errors. Traditional methods like to-do lists or spreadsheet-based tracking can be inefficient, easily outdated, or cumbersome to manage.
SimpleTask aims to solve this problem by providing a clear, user-friendly, and efficient platform for managing tasks and projects. It enables users to keep track of their tasks, deadlines, and priorities in one place.
Built mainly to learn and gain more familiarity with React, Typescript, and Ruby on Rails. By the time the app was deployed, I had a better understanding of types, especially generics, in Typescript, and the flow of a request through a Rails app. Setting up ESLint + Prettier for the client was game changing in terms of staying organized and preventing errors.
- User sessions
- Secure API authorization using encrypted cookies
- Session persists on browser close, until cookie expires
- Users can manage Projects
- Projects can have many Sections
- Sections can have many Tasks
- Pomodoro timer
- Timer completions will be stored in a User related model
- Each task will be able to track timers spent on it
- Seamless server interaction with SWR and native fetch
- Images all generated with DALL-E
Replace yarn
with npm install
or npm run
if desired
- Clone repo
git clone https://github.com/kiizerd/simpletask_client.git
- Install dependencies
cd simpletask_client && yarn
- Start dev server
yarn dev
- Build
yarn build
- Preview (only after build)
yarn preview