https://github.com/arsy786/fruit-hero
This React project demonstrates some basics of TailwindCSS.
https://github.com/arsy786/fruit-hero
2024 reactjs tailwindcss tutorial
Last synced: 11 months ago
JSON representation
This React project demonstrates some basics of TailwindCSS.
- Host: GitHub
- URL: https://github.com/arsy786/fruit-hero
- Owner: arsy786
- Created: 2024-01-15T20:55:29.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-23T15:47:29.000Z (almost 2 years ago)
- Last Synced: 2025-02-01T20:12:37.601Z (about 1 year ago)
- Topics: 2024, reactjs, tailwindcss, tutorial
- Language: JavaScript
- Homepage:
- Size: 278 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Fruit Hero
This React project demonstrates some basics of TailwindCSS.
This project was built following the [Responsive Website Design Using ReactJS and Tailwind CSS (YouTube/TheCodingJourney)](https://www.youtube.com/watch?v=85Qt7HH_vaQ&t=620s) tutorial on YouTube.
## Prerequisites
Before you begin, ensure you have the following installed on your system:
- Node.js (18.0.0)
## Getting Started
To get the app running on your local machine, follow these steps:
1. First, clone the repository to your local machine using Git:
```bash
git clone https://github.com/arsy786/fruit-hero.git
```
2. Navigate to the project directory:
```bash
cd fruit-hero
```
3. Install the necessary dependencies:
```bash
npm install
```
4. Once the dependencies are installed, you can start the application by running:
```bash
npm run dev
```
This command starts the Vite development server. Open your browser and go to http://localhost:5173 to view the app.