The Design Company 🚀

Welcome to our project! This repository contains the code for The Design Company. Follow the steps below to set up the development environment.

Step 1: Installing Node.js

For Windows 💻:

1. Download Node.js Installer:

   • Visit Node.js official website.
   • Download the Windows Installer (.msi) for the LTS version.

2. Run the Installer:

   • Double-click the downloaded installer file.
   • Follow the installation prompts, accepting the default settings.

3. Verify Installation:

   • Open Command Prompt (cmd) or PowerShell.
   • Type node -v and press Enter.
   • Type npm -v and press Enter.
   • Verify that Node.js and npm are installed correctly.

For Ubuntu 🐧:

1. Using NodeSource:

   • Open Terminal.
   • Run the following commands:

     curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash -
     sudo apt-get install -y nodejs
     

2. Verify Installation:

   • Open Terminal.
   • Type node -v and press Enter.
   • Type npm -v and press Enter.
   • Verify that Node.js and npm are installed correctly.

Step 2: Installing Tailwind CSS

1. Create a New Project:

   • Navigate to your project directory.

2. Initialize npm:

   • Open Terminal (Command Prompt for Windows users) in your project directory.
   • Run npm init -y to create a package.json file.

3. Install Tailwind CSS:

   • Run the following command to install Tailwind CSS and its dependencies:

     npm install tailwindcss postcss autoprefixer
     

4. Set Up Tailwind CSS:

   • Create a tailwind.config.js file in the root of your project (optional, for customization).
   • Create a postcss.config.js file with the following content:

     module.exports = {
       plugins: [
         require('tailwindcss'),
         require('autoprefixer'),
       ]
     }

5. Create Your CSS File:

   • Create a CSS file (e.g., styles.css) where you can include Tailwind CSS:

     @tailwind base;
     @tailwind components;
     @tailwind utilities;

6. Build Your CSS:

   • Add a build script to package.json:

     "scripts": {
       "build:css": "postcss styles.css -o output.css"
     }

7. Run the Build Script:

   • Execute the following command to generate your Tailwind CSS:

     npm run build:css
     

That's it! You have now set up Node.js and installed Tailwind CSS for your project. Happy coding! 🎉