React Project with Vite and Tailwind CSS

Welcome to the React project created using Vite and styled with Tailwind CSS. I have created this project to add tailwind CSS components which I would be making in my learning journey. (components such as signup cards, subscribe cards, login forms, and more).

Table of Contents

• Getting Started
• Project Structure
• Available Scripts
• Contributing

Getting Started

Prerequisites

Ensure you have the following installed on your machine:

• Node.js (v14 or later)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/itachisky/react-tailwind-components.git

2. Navigate to the project directory:

   cd your-repo-name
   

3. Install the dependencies:

   npm install
   

   or if you prefer yarn:

   yarn install
   

Running the Development Server

Start the development server with the following command:

npm run dev

or with yarn:

yarn dev

The application will be available at http://localhost:3000.

Project Structure

The project structure is as follows:

├── public
│   ├── index.html
├── src
│   ├── assets
│   ├── components
│   │   ├── SignupCard.jsx
│   │   ├── SubscribeCard.jsx
│   │   ├── LoginForm.jsx
│   ├── App.jsx
│   ├── main.jsx
├── .gitignore
├── package.json
├── postcss.config.js
├── tailwind.config.js
├── vite.config.js

Available Scripts

In the project directory, you can run:

• npm run dev or yarn dev: Runs the app in the development mode.
• npm run build or yarn build: Builds the app for production.
• npm run serve or yarn serve: Serves the production build locally.

Contributing

Contributions are welcome! Please open an issue or submit a pull request for any bugs or feature requests.

1. Fork the repository.
2. Create your feature branch (git checkout -b feature/your-feature-name).
3. Commit your changes (git commit -m 'Add some feature').
4. Push to the branch (git push origin feature/your-feature-name).
5. Open a pull request.