https://github.com/nirmalyax/e-commerce
in development
https://github.com/nirmalyax/e-commerce
css firebase headlessui html5 javascript react redux tailwind tailwindcss vscode
Last synced: 5 months ago
JSON representation
in development
- Host: GitHub
- URL: https://github.com/nirmalyax/e-commerce
- Owner: nirmalyax
- License: apache-2.0
- Created: 2023-11-29T16:36:42.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-10-27T05:39:14.000Z (over 1 year ago)
- Last Synced: 2025-05-26T18:01:53.789Z (about 1 year ago)
- Topics: css, firebase, headlessui, html5, javascript, react, redux, tailwind, tailwindcss, vscode
- Language: JavaScript
- Homepage:
- Size: 795 KB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
## Upcoming new Project
### **Step 1 : Create a new react project using vite js**
```jsx
npm create create-react-app applicationName
```
### **Step 2 : Install npm dependencies**
```jsx
npm i
```
### **Step 3 :** Install tailwind Css
1. **Install tailwindcss and its peer dependencies, then generate your tailwind.config.js and postcss.config.js files.**
```jsx
npm install -D tailwindcss postcss autoprefixer
```
```jsx
npx tailwindcss init -p
```
1. **Configure your template paths**
Add the paths to all of your template files in your tailwind.config.js file.
```jsx
/** @type {import('tailwindcss').Config} */
export default {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {},
},
plugins: [],
}
```
1. ****Add the Tailwind directives to your CSS****
Add the @tailwind directives for each of Tailwind’s layers to your ./src/index.css file.
```
@tailwind base;
@tailwind components;
@tailwind utilities;
```
1. **Run your build process with npm run dev.**
```jsx
npm run dev
```