I built Task Planner - a personal productivity web application from scratch using DeepSeek AI as the sole developer.

---

How It Works

The app has three main pages:

• Global Tasks - Create reusable task templates with custom durations, reminders, and emoji icons. These act as blueprints for your daily planning.
• Today’s Planner - Schedule tasks from your templates. The app automatically assigns the earliest available time slot and prevents overlapping tasks. You can start tasks early, mark them complete, or they turn red if missed.
• Focus Timer - A dedicated timer page with a visual countdown circle, elapsed/remaining time display, and finish/stop controls. Only visible when a task is running.

---

Technical Details

• Built with Next.js 16, TypeScript, and Tailwind CSS v4
• All data stored locally using IndexedDB (Dexie.js) - no backend needed
• State management with Zustand, UI components from shadcn/ui
• Browser notifications for task reminders and overdue alerts
• Static export deployed to GitHub Pages

---

My Process

1. Specified the complete requirements to DeepSeek AI
2. AI generated the entire project structure, code, and configuration
3. Fixed Tailwind CSS v4 compatibility issues
4. Configured GitHub Pages deployment with proper base paths
5. Added .nojekyll to serve underscore-prefixed folders
6. Wrote documentation and README

The whole project took about 2 hours from idea to live deployment, with AI handling 100% of the code generation.

---

🔗 Live: arsen-gevorgyan.github.io/task-planner

Login screen - Type your username to startLoading animation

• Shows a progress barDesktop
• Has app icons you can clickSettings
• Change theme, background, clock settingsCalendar
• See the current month and navigateCalculator
• Basic math operationsTic Tac Toe
• Play with a friendTranslator
• Encrypt/decrypt messages with Caesar cipherDark/Light mode
• Switch themesClock
• Shows time with options

I’m working on 3 new apps for Galaxy OS

First app: Galaxy Explorer
Click any planet button to see its image appear in a black circle with a golden glow. Below the image, it shows the planet’s distance from the Sun, how many satellites it has, and a short description. All 8 planets are in a grid.

Second app: Alien Decoder
A random NASA space fact is encoded using Caesar cipher with a random key. You copy the encoded text and key, paste them into the Translator app to decode, then type the answer back in the Decoder to check if you got it right.

Third app: Space Quiz
5 random questions about planets and space. Each question has 4 answer choices. Correct answers turn green and wrong ones turn red with the right answer shown. At the end, you get a final score and a message based on how well you did.

Cat Game - Devlog #1: My First Step into Godot

This is my first devlog about my Cat Game project.

At the beginning, I looked through all the mission guide steps and quickly understood one thing:

Trying to make a game without knowing Godot and GDScript is not a good idea.

I have a little experience with Unity. I made some small mini-games with it before. But Godot is completely new for me, so I needed to start from the beginning.

Step #1 - Finding the Best Way to Learn

First, I searched YouTube for some Godot courses and lessons. But after watching some of them, I realized this was not the best way for me to learn.

I don’t want to learn random things and then try to make a game. I already have a game in my mind. I need to learn only the tools and knowledge I need for my own game.

I decided to use AI as my teacher and learn step by step while building.

First, I gave the mission guide to ChatGPT and asked it to help me create a master prompt. I asked ChatGPT to ask me questions first, so it could understand what I wanted. After answering, I got a prompt describing my game.

I used ChatGPT for this because it mastered on textes. I decided to use ChatGPT mainly for creating the prompt.

After that, I used the finished master prompt with DeepSeek in Expert Mode.

I use AI tools only on free plans, so I did not want to stop if I reached a limit. I also thought DeepSeek could be useful for working with a large prompt.

Starting the Game

After sending the master prompt, I started building.

My first step was learning:

• How to organize folders
• How to create scenes
• How to navigate around the editor

After that, I started making my main menu.

I wanted 3 buttons and a background image. Each button needed 3 styles:

• Normal
• Hover
• Clicked

I made the pixel art using LibreSprite. I created the background and buttons, then saved as .png files.

I added the images using Theme Overrides -> Styles.

At first, everything worked, but the hover effect was too simple.

So I decided to try animations.

Adding Animations

I explained my idea to the AI, and it helped me understand animations in Godot.

I created an entrance animation where the buttons appear when the scene starts. I also made hover animations for when the mouse moves over and leaves.

Then I wrote two scripts:

• One for entrance
• One for hover in and out

I had problems. The code was often correct. The real problem was that I did not fully understand how things worked.

I used:

mouse_entered.connect(_on_hover)
mouse_entered.connect(_on_unhover)

At first, I did not know about mouse_exited. After searching and asking questions, I found it and fixed my script.

Adding a Cat Paw Cursor

I wanted to add a custom cat paw cursor. I explained the idea to the AI, learned how to make it, and got it working.

You can see the result in the video below.

What I Want to Improve

The background needs more details, and the button colors do not look very good yet. Honestly, the current version is still a little ugly.

But I am not only making a game. I am also learning a completely new skill and learning how to use Godot. This process is already a very good experience for me.

I am still learning, but step by step, I am turning the game from my imagination into something real.

More updates soon!

Cat Game - Devlog #2: Start Menu Upgrade

After working on the start menu in my first devlog, I decided that it needed more work.

The old version was not looking very good, so I started improving it.

This time, I mainly focused on the visual style of the menu.

Step #1 - Improving the Background

First, I changed the background and made it a night time scene.

I added:

• A moon
• Clouds
• Stars

The old background was very simple, so I wanted to make the start menu feel more like a real game.

Improving the Title and Buttons

I also changed the style of the title text.

After that, I changed all 3 buttons:

• Start
• Settings
• Quit

I wanted the buttons to fit the new style of the background better.

I also improved the hover animation.

The old animation felt a little slow, so I made it faster and smoother.

Improving the Start Animation

I also changed the start animation.

Now, the background details appears from the upper part of the scene when the game starts.

This makes the menu feel more interesting than simply showing everything immediately.

What Is Next?

The start menu is looking much better now, but I still want to improve it more.

My next goal is to finish the custom cat paw cursor and start working on the first minigame.

I am planning to make the first minigame a platformer.

The start menu is not perfect yet, but it is slowly becoming closer to what I imagined.

More updates soon!

CatOS Devlog - User Profile & Loading System

What I Built Today

Today I built the user onboarding flow for my cat-themed web operating system. When someone opens CatOS for the first time, they create a fake profile by entering their name and their cat’s name. After submitting the form, they are greeted with a custom loading screen before the desktop appears.

Screens I Made

Welcome Screen

• Full-screen dark gradient background
• Circular cat profile image with an orange glow effect
• “Welcome to CatOS” title in orange
• Two input fields:
  • Your Name
  • Cat’s Name
• Orange “Enter CatOS” button with a hover animation
• Hidden error message displayed when either input is empty
• Frosted glass card created using backdrop-filter: blur()

Loading Screen

• Smaller version of the cat profile image
• Personalized welcome message using the entered names
• Animated progress bar that fills from 0% to 100%
• Eight loading messages that change as progress increases
• Three bouncing cat paw emojis with a wave animation
• Smooth transition to the desktop after loading finishes

How It Works

1. The user enters their name and their cat’s name.
2. They click the Enter CatOS button or press Enter.
3. The names are stored in global JavaScript variables so they can be accessed throughout the operating system.
4. The welcome screen is hidden and the loading screen is displayed.
5. A timer runs every 350ms, increasing the progress bar by a random value.
6. The loading status message changes depending on the current progress percentage.
7. Once the progress reaches 100%, the loading screen disappears and the CatOS desktop is displayed.

CatOS Devlog - User Profile & Loading System

What I Built Today

Today I built the user onboarding flow for my cat-themed web operating system. When someone opens CatOS for the first time, they create a fake profile by entering their name and their cat’s name. After submitting the form, they are greeted with a custom loading screen before the desktop appears.

Screens I Made

Welcome Screen

• Full-screen dark gradient background
• Circular cat profile image with an orange glow effect
• “Welcome to CatOS” title in orange
• Two input fields:
  • Your Name
  • Cat’s Name
• Orange “Enter CatOS” button with a hover animation
• Hidden error message displayed when either input is empty
• Frosted glass card created using backdrop-filter: blur()

Loading Screen

• Smaller version of the cat profile image
• Personalized welcome message using the entered names
• Animated progress bar that fills from 0% to 100%
• Eight loading messages that change as progress increases
• Three bouncing cat paw emojis with a wave animation
• Smooth transition to the desktop after loading finishes

How It Works

1. The user enters their name and their cat’s name.
2. They click the Enter CatOS button or press Enter.
3. The names are stored in global JavaScript variables so they can be accessed throughout the operating system.
4. The welcome screen is hidden and the loading screen is displayed.
5. A timer runs every 350ms, increasing the progress bar by a random value.
6. The loading status message changes depending on the current progress percentage.
7. Once the progress reaches 100%, the loading screen disappears and the CatOS desktop is displayed.

I am building a custom Slack utility bot using the Bolt for JavaScript framework. It runs on a Linux server (Nest) and provides a variety of interactive slash commands to automate tasks and add utility to my workspace.Here are the commands I have implemented:/for-ping - Checks the bot’s latency./for-catfact - Fetches a random, interesting fact about cats./for-flip - Flips a digital coin./for-choice - Randomly selects an item from a provided list./for-reverse - Reverses the input text./for-color - Generates a random HEX color code./for-mock - Converts text into “mocking” (sPoNgEbOb) style./for-rate - Rates an object on a scale from 0 to 10./for-nothing - A command that returns “nothing.”/for-help - Displays the list of all available commands.I am hosting this bot on my Nest server, using systemd to manage it as a background service to ensure it stays online continuously.