https://github.com/vanbui1995/learn-tailwind-healthy-design
https://github.com/vanbui1995/learn-tailwind-healthy-design
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/vanbui1995/learn-tailwind-healthy-design
- Owner: vanbui1995
- Created: 2023-09-09T13:38:05.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2023-10-24T13:59:48.000Z (over 2 years ago)
- Last Synced: 2025-01-11T02:50:12.752Z (over 1 year ago)
- Language: TypeScript
- Size: 14.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Healthy Project
This project for practice Tailwind CSS
## How to run the project?
- Install NodeJS at least version 16
- Make sure you are correct root folder
- To run the project as local dev:
- with yarn: `yarn install && yarn dev`
- with npm: `npm install && npm run dev`
- Deployment also up on my Netlify: https://64ec8e2c92ae9f0986c81405--jocular-torte-0ff03d.netlify.app/
## How to build the project?
- Install NodeJS at least version 16
- Make sure you are correct root folder
- To build the project
- with yarn: `yarn install && yarn build`
- with npm: `npm install && npm run build`
- Deployment also up on my Netlify: https://64ec8e2c92ae9f0986c81405--jocular-torte-0ff03d.netlify.app/
## Folder structure
.
src
├── ...
├── pages # Contain all main pages, the root component of each page
│ ├── my-page # My Page
│ ├── column # Column Page
│ └── my-record # Unit tests
├── components # Contains all common/general/layout components
├── services # HTTP service layer, the one connect with backend api
└── enums # Define all enums or const variables
└── types # Define all interface & type of the project (except the component types)
└── public # All public resources (image, svg, font...)
└── main.tsx # React entry point file (Root)
└── index.css # CSS entry point file (Root)
└── tailwind.config.cjs # Tailwind config, I configured all colors/spacing of the guideline via this file