A simple and elegant Todo List Manager built with Ruby on Rails 8, PostgreSQL, and Tailwind CSS. This app supports responsive layouts, dark mode toggling, and full CRUD functionality for managing tasks.
git clone https://github.com/EbrahimSolomon/todo_app.git
cd todo_app
2. Install dependencies
bundle install
npm install
3. Set up the database
bin/rails db:create db:migrate db:seed
4. Build Tailwind CSS
& "$env:USERPROFILE\AppData\Roaming\npm\tailwindcss-windows-x64" -i ./app/assets/stylesheets/application.tailwind.css -o ./app/assets/builds/application.css
โ
Or run it in watch mode:
& "$env:USERPROFILE\AppData\Roaming\npm\tailwindcss-windows-x64" -i ./app/assets/stylesheets/application.tailwind.css -o ./app/assets/builds/application.css --watch
5. Start the Rails server
bin/dev
๐ Dark Mode Support (Pending)
You can toggle dark mode with the floating button in the UI.
Tailwind is configured to use "darkMode": "class" strategy.
๐ File Structure
app/
โโโ controllers/
โโโ views/
โ โโโ tasks/
โ โโโ _form.html.erb
โ โโโ index.html.erb
โ โโโ new.html.erb
โ โโโ edit.html.erb
โโโ models/
โโโ assets/
โ โโโ stylesheets/
โ โโโ application.tailwind.css
โ
โโโ assets/builds/
โ โโโ application.css (compiled Tailwind)
๐ก Future Improvements
User authentication (Devise)
Drag-and-drop task ordering
Priority tags & filters
Persistent dark mode with localStorage
๐งโ๐ป Author
Developed with โค๏ธ by Ebrahim Solomon
๐ License
This project is open-source and available under the MIT License.