Skip to content

Gurpreetsingh1293/iwmFrontend

 
 

Repository files navigation

visit at - www.iwmconnect.vercel.app

# iwmFrontend

A modern, high-performance frontend application built with **React**, **TypeScript**, and **Vite**. This project utilizes **Tailwind CSS** for styling and **shadcn/ui** for accessible, reusable components.

## 🚀 Tech Stack

- **Framework:** [React](https://reactjs.org/)
- **Language:** [TypeScript](https://www.typescriptlang.org/)
- **Build Tool:** [Vite](https://vitejs.dev/)
- **Styling:** [Tailwind CSS](https://tailwindcss.com/)
- **UI Components:** [shadcn/ui](https://ui.shadcn.com/)
- **Package Manager:** npm / bun

## 📂 Project Structure

```bash
iwmFrontend/
├── public/              # Static assets
├── src/
│   ├── components/      # Reusable UI components (shadcn/ui)
│   ├── pages/           # Application views/routes
│   ├── App.tsx          # Main application component
│   └── main.tsx         # Entry point
├── components.json      # shadcn/ui configuration
├── vite.config.ts       # Vite configuration
├── tailwind.config.ts   # Tailwind configuration
└── package.json         # Dependencies and scripts

🛠️ Getting Started

Follow these steps to set up the project locally.

Prerequisites

Ensure you have Node.js installed (version 18+ recommended).

Installation

  1. Clone the repository:
git clone [https://github.com/DevKan009/iwmFrontend.git](https://github.com/DevKan009/iwmFrontend.git)
cd iwmFrontend
  1. Install dependencies:
npm install
# or if you use bun
bun install

💻 Usage

Development Server

Start the development server with hot-module replacement (HMR):

npm run dev

The application will be available at http://localhost:8080 (or similar).

Build for Production

Build the application for production deployment:

npm run build

The output files will be in the dist/ directory.

Linting

Run the linter to catch errors and enforce code style:

npm run lint

✨ Features

  • Type Safety: robust static typing with TypeScript.
  • Fast Refresh: lightning-fast HMR powered by Vite.
  • Responsive Design: mobile-first styling using Tailwind CSS.
  • Modern UI: pre-configured with accessible components from shadcn/ui.

🤝 Contributing

Contributions are welcome! Please follow these steps:

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

📄 License

MIT License (Assuming MIT - please verify)


### Next Steps for You:
1.  **Paste** this content into your `README.md` file.
2.  **Update** the "Features" section to describe *what* the app actually does (e.g., "A dashboard for tracking wealth management...").
3.  **Verify** the license type if it's not MIT.

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • TypeScript 97.1%
  • CSS 1.8%
  • Other 1.1%