DEV Community: Cihat Salik

TaskCard – Privacy-focused, procrastination-friendly task manager

Cihat Salik — Sun, 22 Dec 2024 13:50:40 +0000

🚀 Introducing TaskCard: Simple Task Management for Maximum Productivity

I'm excited to share TaskCard with you - a free task management tool designed to make your daily life more organized and productive. Whether you're a developer managing multiple projects, a student tracking assignments, or anyone looking to better organize their tasks, TaskCard is here to help.

Like many of you, I've struggled with traditional task managers that make you feel guilty about missed deadlines. That's why I built TaskCard, a different kind of task management tool that works with your natural workflow, not against it.
Key features:

Dynamic time blocks that adapt to your work patterns
Local storage for complete privacy (your data never leaves your device)
Clean, distraction-free interface
Smart scheduling that understands procrastination is normal
Real-time progress tracking
Free to use, no premium tier

What makes TaskCard different:
Instead of rigid deadlines and guilt-inducing red markers, TaskCard uses dynamic time blocks that adjust to how you actually work. It's built for real humans who sometimes procrastinate, not robots.
I'd love to hear your thoughts and feedback! This is a free tool I built to help people manage tasks without the anxiety that comes with traditional task managers.

💡 Why TaskCard?

We all have different ways of organizing our tasks. Some prefer simple to-do lists, while others need more structured project management. TaskCard bridges this gap by providing:

🎯 Simple and intuitive interface
📱 Clean, modern design
💨 Quick task creation and management
🏷️ Flexible organization with tags
📅 Calendar integration
💯 Completely FREE

TaskCard

✨ Key Features

Core Functionality

Quick Task Creation: Add tasks in seconds
Smart Organization: Organize tasks your way
Priority Levels: Keep focus on what matters
Due Dates: Never miss a deadline
Categories: Group related tasks together
Progress Tracking: Visual progress indicators

User Experience

Clean Interface: No clutter, just tasks
Responsive Design: Works on all devices
Dark/Light Mode: Easy on the eyes
Drag & Drop: Intuitive task management

🛠️ How to Get Started

Visit [TaskCard URL]
Create your free account
Start adding and organizing your tasks
Customize your workspace

📈 Coming Soon

We're constantly working to make TaskCard even better. Here's what's coming:

🤝 Team collaboration features
📊 Advanced analytics
🔄 More integration options
📱 Mobile apps

💪 Built for Everyone

TaskCard is designed to be:

Simple: No learning curve
Flexible: Adapt to your workflow
Fast: Quick and responsive
Reliable: Always available when you need it

🎁 Why It's Free

I believe that good task management tools should be accessible to everyone. That's why TaskCard is and will always be free. No premium features, no hidden costs - just a great tool for everyone to use.

You can try to here

🤝 Join Our Community

Try TaskCard: [Application URL]
Follow updates: [Twitter/Social Media]
Share feedback: [Contact/Feedback Form]

🗣️ Let's Connect!

I'd love to hear your thoughts and suggestions! Drop a comment below with:

Features you'd like to see
Your task management challenges
How you might use TaskCard

Let's make task management simple and effective together! 🚀

productivity #taskmanagement #tools #organization

Full Stack Twitter Clone

Cihat Salik — Fri, 13 Aug 2021 13:59:40 +0000

In the project, I am doing it to develop myself on the back-end side. I spend my experience and effort to become a full-stack developer using Node.js and mongoDB.

In this project, I preferred Node.js in Back-end, mongoDB as Service, object document mapper (ODM) mongoose, Vue.js and pug in Front-end, SCSS for styling. I'm thinking of deploying my project to Google Cloud.

As a front-end developer, it's a study I've done about wondering what's going on with the backend. It is a project that I aim to learn by making a full-stack project using express.js and mongoDB, which are the most common frameworks of Node.js.

The project is ongoing, I know there are many missing, I continue to work on it. I would be very happy if you would like to contribute.

Used technologies

Back-End

Node.js
Express.js
MongoDB
Mongoose

Front-End

Vue.js
SCSS
Pug
axios
Vuex

Containerization

Docker
docker-compose

Deployment

Google Cloud

Project's open source code link

Useful JavaScript Links

Cihat Salik — Sun, 16 May 2021 21:25:38 +0000

It is a project I am trying to list the repos that have received thousands of stars on Github and deemed useful by the JavaScript community.

It's a gihub repo that I think might be useful for people who are resource-hungry while running JavaScript, or people who are not aware of these good resources.

I think it can be a good content for those who want to find topics such as Repos, Books, YouTube Playlists, Best Practices, Style Guides, Design Patterns, Tests, Concepts, Project Guidelines under one roof.

I hope it will be useful for many people to practice learning javascript.

You can add links that you think are missing by opening PR, I would be very happy about that.

I would be glad if you add the issues I am missing or the points you see incorrectly as a comment.

Source Code : https://github.com/cihat/javascript
URL: https://cihat.github.io/javascript/

Instagram Clone with Vue.js 1/3

Cihat Salik — Tue, 11 May 2021 21:42:04 +0000

TODOS

[x] The difference between Vue and React. Project setup with vue-cli
[x] CSS infrastructure and typography. preparing the icons in the project (svg)
Let's create [x] pages. Let's create a Master-Page
[x] Let's create layout for Header design and Homepage
[x] Vercel.com deploy configuration for hosting projects
[x] Post component in Homepage
[ ] Api and infinite-scroll for homepage
[ ] Stories area on homepage
[ ] API and implementation for Post Comment
[ ] Options modal component and animation usage
[ ] Api and layout design for Discover page
Implementing [] post modal component and discover page
[ ] Route setting for profile page and tabs.

https://github.com/cihat/instagram-clone
https://cihat.github.io/instagram-clone/

Vue.js Project to help learn English with Youglish API and OwlBot Dictionary API.

Cihat Salik — Sat, 08 May 2021 10:02:16 +0000

Helpful content when memorizing English words

I tried to make a project that will help you learn English with Vue.js. It gives you to understand the most common 1000 words in English randomly according to the range you entered and with the examples used on Youtube with Youglish API. I hope it will be useful content when studying English, memorizing words.

My purpose of doing this project was when I realized that I had a hard time memorizing English words. I did this project to get a little more familiar with the words. I think hard work can be overcome with simple solutions. My english is not perfect at the moment, but I am working on it. I hope it becomes a little easier for me to learn English with this project. I did this project in English-Turkish. But you can do this project in your native language by forking.

I will share the source code url of the project. You can see how he does it from there. I used two APIs in the project. One of them is OWLBOT DICTIONARY API and the other is Youglish API. These APIs helped me a lot in the project.

The project is as follows;

There is the most common 1000-word json in English, and the key values in this json correspond to English-Turkish words.
You can change the most commonly used 1000 words in your language to JSON by forking the repo.
In the project, there are two input ranges from 0 to 1000, the user selects the desired value in these ranges and comes across the user randomly in the desired range.
It sends the APIs we use with this word, bringing the meaning of the word, an example sentence, the place where it is used in these APIs.

Project Live
Source Code

Project Gif

Information about countries on the map

Cihat Salik — Sun, 18 Apr 2021 11:24:43 +0000

This project is a project I made to learn about countries. While doing this project, we follow a way in which we can improve ourselves as a general culture. We see where the country you enter country's name is on the map and the country's information with a pop-up.

In this project, I used the open-source leaflet map and the population API by making fetch. It is a simple project that will write input in the name of the desired country and show it with a pointer to the country you want on the map.

Source Code: https://github.com/cihat/capitals
Live: https://cihat.github.io/capitals/

English Dictionary Application using Youglish API with Vue.js

Cihat Salik — Fri, 16 Apr 2021 10:27:33 +0000

My purpose of doing this project was when I realized that I had a hard time memorizing English words. I did this project to get a little more familiar with the words. I think hard work can be overcome with simple solutions. My english is not perfect at the moment, but I am working on it. I hope it becomes a little easier for me to learn English with this project.
I did this project in English-Turkish. But you can do this project in your native language by forking.

The project is as follows;

There is the most common 1000-word json in English, and the key values in this json correspond to English-Turkish words. In the project, there are two input ranges from 0 to 1000, the user selects the desired value in these ranges and comes across the user randomly in the desired range. It sends the APIs we use with this word, bringing the meaning of the word, an example sentence, the place where it is used in these APIs.

Project URL: https://cihat.github.io/dictionary/
Source Code: https://github.com/cihat/dictionary

Vue.js assignments

Cihat Salik — Tue, 13 Apr 2021 13:55:19 +0000

Assignment Details

Build a single page app that displays the profile of 10 users (the data is obtained from an API endpoint)

The idea of both the assignments is to build a single page that displays the profile of 10 users (the data is obtained from an API endpoint). Each user's profile contains a avatar picture, name, email, phone, address, website and company name.

API endpoint for users data

The schema of the data received in the response is:

Method: GET
URL: https://jsonplaceholder.typicode.com/users

The schema of the data received in the response is:

// Array of 10 users
[
  {
    id, // The user's id
    username,
    name,
    email,
    phone,
    website,
    address: {
      street, // Address line 1
      suite, // Address line 2
      city,
      zipcode
    },
    company: {
      name, // The name of company where the user works
    }
  }
]

API endpoint for users' avatar pictures

You will be using Avatars by DiceBear. They provide a free HTTP API to create unique avatar images based on any string we send as a query parameters. Each string generates a unique image. You will use the username to generate a unique avatar for each user.

The URL for the GET endpoint is:

https://avatars.dicebear.com/v2/avataaars/{{username}}.svg?options[mood][]=happy

The {username} in the URL is the placeholder for the user's username. It should be dynamically replaced by the username received from the user's API endpoint. For example, if the username for one of the users is psamd then the URL for the avatar for this user will be:

https://avatars.dicebear.com/v2/avataaars/psamd.svg?options[mood][]=happy

Loading Indicator

Upon opening the app a loading indicator is displayed until the data is fetched from the API and is ready to be displayed. The source code for the loading indicator can be obtained from http://tobiasahlin.com/spinkit/.

Ability to create new react projects using Create React App
Understanding of JSX
Passing props to components
Understanding of stateful and stateless Components
Basic understanding of state management and component lifecycle 6. methods
Fetching data from an API endpoint
Conditional rendering
Working with lists

Demo: https://cihat.github.io/saypr-assignment/
Source Code: https://cihat.github.io/saypr-assignment/

Twitter Clone with Vue.js

Cihat Salik — Mon, 12 Apr 2021 08:57:23 +0000

Source Code: https://github.com/cihat/twitter-clone
Live: https://cihat.github.io/twitter-clone/

My Twitter Clone project that I wrote with Vue.js using the Random User and Quotable API's.

Displaying the capitals of countries on the map with Vue.js.

Cihat Salik — Thu, 01 Apr 2021 08:25:54 +0000

This project is a project that I made to learn about the capitals of the countries. It is a project I made with SCSS and Pure JavaScript to improve myself and learn about country capitals.

I made the project responsive. It can be used very easily on phones and tablets.

I added the source code of this project to Github. And I deployed it with the Github page.

The source code of the project is available on my github account.