athul28 / finai

Website link : https://fin-ai-tan.vercel.app/

FinAI: Vite+React Project with Tailwind CSS

This is a Vite+React project that uses Tailwind CSS for styling.

Getting Started

To get started with this project, follow these steps:

1. Clone the repository: git clone https://github.com/Athul28/FinAi.git

2. Navigate to the project directory: cd finai

3. Install the dependencies:

4. Start the development server: npm run dev

This will start the development server and open the project in your default web browser.

Making Changes

To make changes to the project, you can edit the src directory. This directory contains all the React components and Tailwind CSS styles.

Adding a New Component

To add a new React component, follow these steps:

1. Create a new file in the src/components directory.

2. Write your component using JSX syntax.

3. Import your component in the src/App.js file and use it in the render method.

4. Restart the development server to see your changes.

Adding a New Style

To add a new Tailwind CSS style, follow these steps:

1. Add your style to the src/index.css file.

2. Make sure your style is prefixed with @apply and includes the appropriate Tailwind CSS classes.

3. Restart the development server to see your changes.

Building for Production

To build the project for production, follow these steps:

1. Build the project:

This will create a dist directory with the compiled and optimized production code.

2. Serve the production build:

This will start a production server and open the project in your default web browser.

Resources

For more information about Vite, React, and Tailwind CSS, check out the following resources:

• Vite documentation
• React documentation
• Tailwind CSS documentation