UI

Main

• Left Navigation Panel
  • Nodes (List of Nodes)
  • Edges
  • About

React Tailwind Boilerplate Starter Template

Minimal React CRA project to start developing using Tailwind CSS framework to make responsive web designs. Project also has dependency to React Router.

Starter Features

• React CRA project
• Tailwind CSS
• React Router
• React Icons

Project Main files

• App.js
• Components
  • Menu
  • Homepage
  • Secondpage
  • ThirdPage
• Config Files

This project is responsive design and example screenshots are above.

Getting started

• Clone the repository:

  npm install

• Install the dependencies via npm:

  git clone https://github.com/erdemgonul/react-tailwind-starter && cd react-tailwind-starter

• Run the project on localhost:3000 (Default) :

  npm run start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

New Github Repository using this template

To make it a independent project from this template, all you have to do is deleting the .git folder in the project root folder and change the name in package.json

Create GIT using

git init

Add all changes and commit

git add --all && git commit -m "your commit description"

Add remote origin github repo link

git remote add origin https://github.com/erdemgonul/react-tailwind-starter.git

Push your project into github repository

git push -u origin master

Screenshots