Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/juzershakir/tickity_tick
A simple task manager app
https://github.com/juzershakir/tickity_tick
esbuild propshaft rails sqlite stimulus tailwindcss tasks tasks-list turbo
Last synced: 14 days ago
JSON representation
A simple task manager app
- Host: GitHub
- URL: https://github.com/juzershakir/tickity_tick
- Owner: JuzerShakir
- Created: 2024-06-16T06:59:57.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-11-06T17:38:44.000Z (about 2 months ago)
- Last Synced: 2024-12-20T21:16:27.535Z (14 days ago)
- Topics: esbuild, propshaft, rails, sqlite, stimulus, tailwindcss, tasks, tasks-list, turbo
- Language: HTML
- Homepage: https://tickity-tick.fly.dev/
- Size: 1.51 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
TickityTick
Stay Focused and Capture Tasks On-the-Go
## 🧐 Motivation
Do you ever get an important task idea while you're busy working, but reaching for your phone to add it feels disruptive?
TickityTick is a web app designed to help you stay focused and capture those fleeting ideas with minimal effort.
### Here's how it works
- ⭐ Accessible directly in your browser, eliminating the need to switch to your phone.
- ⭐ Simple and easy-to-use interface minimizes disruption to your workflow.
- ⭐ Perfect for capturing quick reminders or task ideas that pop into your head.
- ⭐ Responsive design ensures a smooth experience on both desktop and mobile devices.
## 🐦🔥 Production
This application is hosted in the production. You can check it out here: [TickityTick](https://tickity-tick.fly.dev/tasks)
## 👩💻 Development Setup
Open your terminal and clone this repo into a directory of your choice:
```
git clone [email protected]:JuzerShakir/tickity_tick.git
```
Opening the cloned repository
```
cd tickity_tick
code .
```
> Note: Before moving forward make sure **you have Ruby 3.3.1 version installed** in your system. [Or Download from here](https://gorails.com/setup)
Install all the dependencies
```
bundle install
```
### Create database and tables
```
rails db:migrate
```
### Setting up an Email
In order to test emails in development environment you need to install `mailcatcher` gem first.
```
gem install mailcatcher
```
Now to run the mailcatcher:
```
mailcatcher
```
This will output couple of URLs where it will listen for emails. You can visit anyone of the links to check if the emails.
---
## 💡 Contributing
If you have problems, please create a [GitHub Issue](https://github.com/JuzerShakir/tickity_tick/issues).
Take a look at the [Contributing](CONTRIBUTING.md) document for
instructions on setting up the repo on your machine, understanding the codebase,
and creating a good pull request.
Thank you, contributors!
## 💪 Challenges I faced
- Update UI (strike-through text, blur text color, hide edit icon) seamlessly when the user clicks on the checkmark ✅ of a task.
- Show flash messages when updating & deleting the tasks.
- Mailing in the development & production environments.
## 🏆 Takeaways
- How to `POST` a JSON fetch request through the stimulus controller.
- How to use the `turbo-frame` & `turbo-stream` to update UI for the tasks and show flash messages w/o reloading full page.
- Create SQLite database in production.
- How to create themes in the TailwindCSS.
- Use devise to authenticate, confirm, recover and register users.
## Versioning
TickityTick follows Semantic Versioning 2.0 as defined at https://semver.org.
## License
This code is free to use under the terms of the MIT license.