A versatile web project starter template with HTML5, CSS3, Tailwind CSS, daisyUI, Git, and Node.js for quick, responsive web development.
How to run this ?
- Clone this repo
git clone https://github.com/devbytemehedi/swiftstart.git
- Open swiftstart in vscode
code swiftstart
- Install node modules
npm i
- Build the
style.css
file
npm run build
- Install Live Server Extension
- Open index.html and Right click on the editor
- Click "Open with Live Server".
- Project should be up and running in your browser.
OS, Terminal & Shell
Software Used
Technology Used
Connect with me
Folder Structure
swiftstart
┣ .vscode
┃ ┗ settings.json
┣ src
┃ ┣ assets
┃ ┃ ┣ favicons
┃ ┃ ┃ ┣ icon.png
┃ ┃ ┃ ┗ icon.svg
┃ ┃ ┣ icons
┃ ┃ ┃ ┣ dev.svg
┃ ┃ ┃ ┣ facebook.svg
┃ ┃ ┃ ┣ github.svg
┃ ┃ ┃ ┣ instagram.svg
┃ ┃ ┃ ┗ linkedin.svg
┃ ┃ ┗ logo
┃ ┃ ┃ ┣ logo-black.png
┃ ┃ ┃ ┣ logo-color.png
┃ ┃ ┃ ┣ logo-no-bg.png
┃ ┃ ┃ ┗ logo-white.png
┃ ┣ 404.html
┃ ┣ index.html
┃ ┣ input.css
┃ ┗ main.js
┣ .gitattributes
┣ .gitignore
┣ LICENSE
┣ package.json
┣ README.md
┣ robots.txt
┗ tailwind.config.js
License
The code is available under the MIT license.
Acknowledgements
This project uses the following free resources:
- Logo.com - A free online logo maker and branding tool.
- Favicon.io - A website that provides tools for creating favicons, which are small icons that appear in the address bar or tab of a web browser.
- Icons8 - A website that provides a large collection of free icons, photos, vectors, and music.
- HTML5 Boilerplate - A professional front-end template for building fast, robust, and adaptable web apps or sites.
- Tailwind Playlist by Learn with Sumit - A repository containing lessons on using Tailwind CSS.
Thank you to the creators of these resources for making them available for free!