Good First Issue: Install and Set Up DaisyUI Theme
lokytech5 opened this issue · 5 comments
Good First Issue: Install and Set Up DaisyUI Theme
Description
We are looking for a new contributor to help us install and configure the DaisyUI theme for our project. DaisyUI is a Tailwind CSS component library that will help us style the project quickly. This is a great first issue for someone new to the project and wanting to get started.
Tasks
-
Install DaisyUI:
- Install the DaisyUI package using npm.
cd frontend npm i -D daisyui@latest
- Install the DaisyUI package using npm.
-
Configure Tailwind CSS:
- Add daisyUI to tailwind.config.js:
// tailwind.config.js module.exports = { plugins: [ require('daisyui') ], }
- Add daisyUI to tailwind.config.js:
-
Verify Installation:
- Verify that DaisyUI is working by using some DaisyUI components in a sample page. Create a new component or update an existing component to use DaisyUI classes.
- e.g
<button class="btn btn-primary">Button</button>
Additional Notes
- Branch: Please create a new branch from
feature/website-theme
for your changes.git checkout feature/website-theme git pull origin feature/website-theme git checkout -b feature/setup-daisyui
- Pull Request: Submit a pull request to merge your changes back into feature/website-theme.
- Testing: Make sure the application builds and runs without errors after your changes.
Resources
Hello @lokytech5! Nice to meet you! May I work on the issue? I am a newly graduated full stack developer based in Germany.
hi @lokytech5 made a pr in which i have implemented daisyui
hello @aedoardo1990, thank you for your interest, @cpwallah already made a PR. i we be opening more good first issue today, and am going to assign you a task soon. thank you
hello @lokytech5 thanks for your reply and for inviting me to collaborate! I have just accepted the invitation. Whenever you want, feel free to assign me a task or if you prefer, I could assign one of the free ones to myself.
You welcome. I have assigned you a task to work on