Good First Issue: Install and Set Up DaisyUI Theme

[lokytech5]

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

1. Install DaisyUI:

   • Install the DaisyUI package using npm.

     cd frontend
     npm i -D daisyui@latest

2. Configure Tailwind CSS:

   • Add daisyUI to tailwind.config.js:

     // tailwind.config.js
     module.exports = {
     plugins: [
            require('daisyui')
               ],
     }

3. 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

• DaisyUI Documentation

[aedoardo1990]

Hello @lokytech5! Nice to meet you! May I work on the issue? I am a newly graduated full stack developer based in Germany.

[cpwallah]

hi @lokytech5 made a pr in which i have implemented daisyui

[lokytech5]

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

[aedoardo1990]

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.

[lokytech5]

You welcome. I have assigned you a task to work on