https://github.com/tanishraj/developer-portfolio

Repo for showcasing my journey as frontend developer, highlighting my projects, skills and achievements. Dive in to explore my dedication to clean code, responsive design and user centric interface. Updated regularly as I continue to grow and refine my craft.
https://github.com/tanishraj/developer-portfolio

Last synced: 14 days ago
JSON representation

Repo for showcasing my journey as frontend developer, highlighting my projects, skills and achievements. Dive in to explore my dedication to clean code, responsive design and user centric interface. Updated regularly as I continue to grow and refine my craft.

• Host: GitHub
• URL: https://github.com/tanishraj/developer-portfolio
• Owner: tanishraj
• License: mit
• Created: 2023-08-18T13:17:14.000Z (over 1 year ago)
• Default Branch: develop
• Last Pushed: 2023-11-06T11:29:42.000Z (about 1 year ago)
• Last Synced: 2023-11-06T12:36:40.125Z (about 1 year ago)
• Language: TypeScript
• Homepage: https://developer-portfolio-rouge.vercel.app
• Size: 6.68 MB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Vite-React-Chakra-TypeScript Starter

Start your React projects with this efficient template, combining the performance of Vite, the expressiveness of TypeScript, and the powerful UI components of Chakra.

## 🌟 Features:

- **Vite**: Enjoy faster and leaner development with Vite's no-bundler dev environment.

- **React 18**: Harness the power of the latest React version.

- **Chakra UI**: Build responsive and accessible user interfaces with ease.

- **TypeScript**: Add strong types to your React components for better code quality and developer experience.

- **Linting & Formatting**: Integrated ESLint, Prettier, and lint-staged ensure consistent code quality.

- **Husky & CommitLint**: Enforce commit message standards and automate hooks.

## 🚀 Quick Start:

### Prerequisites

- Node.js v16 or higher.

- PNPM v8 or higher. (Preferred package manager for this project)

### Setup & Installation:

1. Clone the repository:

   `git clone https://github.com/your_username/vite-react-chakra-typescript.git`

2. Change directory:

   `cd vite-react-chakra-typescript`

3. Install dependencies using `pnpm`: `pnpm install`

### Running the Application:

Start the development server:

`pnpm dev`

Your application will be available at `http://localhost:5173`.

## 🛠 Scripts:

- **Development**: `pnpm dev`

- **Production Build**: `pnpm build`

- **Preview Production Build**: `pnpm serve`

- **Linting**: `pnpm lint`

- **Auto-Fix Lint Issues**: `pnpm lint:fix`

- **Type Checking**: `pnpm typecheck`

- **Code Formatting**: `pnpm format`

- **Update Dependencies (Interactive)**: `pnpm up-interactive`

- **Release Versioning**: `pnpm release`

- **Push Release**: `pnpm push-release`

## 📦 Dependencies:

This template uses the following main libraries:

- **UI Components**: [@chakra-ui/react](https://chakra-ui.com/)

- **State Management**: [React Context API](https://reactjs.org/docs/context.html) (feel free to integrate Redux, Zustand, MobX, or others as per your needs)

- **Routing**: [react-router-dom](https://reactrouter.com/)

## 🤝 Contributing:

We welcome contributions! Please read the [contributing guidelines](CONTRIBUTING.md) to get started.

## 📜 License:

This project is licensed under the [MIT License](LICENSE).

## 📣 Feedback:

If you found this template useful or have suggestions, please give a ⭐ or fork and send a pull request. Your feedback is highly appreciated!