Repository files navigation

Welcome to theuncodebar-microsite repository. This microsite is dedicated to the uncodebar event.

• Built with Tailwind CSS for rapid UI development.
• Live reloading with BrowserSync.
• CSS watching and building with Tailwind and Nodemon.

1. Clone the repository:

git clone https://github.com/your-username/uncodebar-microsite.git

2. Navigate to the project directory:

cd uncodebar-microsite

3. Install the dependencies: (if you don't want to use the build tool include the style.css in the doc head, and tailwind CDN link )

To include the main stylesheet in your HTML:

<linkrel="stylesheet"href="./css/style.css"><scriptsrc="https://cdn.tailwindcss.com"></script>

npm install

1. Start the development server:

npm run start

This will start the BrowserSync server and watch for CSS changes.

• watch:css: Watches for changes in thecss/style.css and rebuilds the CSS using Tailwind.
• start: Starts the BrowserSync server and watches for CSS changes.

This project is licensed under the MIT License.

• <city>.html: The main entry point of the application.
• css/: Contains the main stylesheetstyle.css which is processed by Tailwind CSS.

The project uses Tailwind CSS for styling. Any changes made tocss/style.css will be automatically processed by Tailwind and the output will be saved tocss/output.css.

To watch for CSS changes, run:

npm run watch:css

To start the BrowserSync server and watch for CSS changes concurrently, run:

npm run start

This will serve the site on a local server and automatically reload the browser upon changes to the HTML or CSS files.

• tailwindcss: A utility-first CSS framework for rapid UI development.
• browser-sync: Keeps multiple browsers & devices in sync when building websites.
• concurrently: Run multiple commands concurrently.
• nodemon: Monitor for any changes in your node.js application and automatically restart the server.