Initial setup: configure React+Typescript+Vite

[07SUJITH]

Pull Request: Project Setup and Configuration

Summary

This pull request establishes the initial setup and integrates essential tools and configurations to streamline development, ensure code quality, and enhance the user experience. Below is a detailed summary of the changes made.

Changes Implemented

1. Initial Setup: Configure React + TypeScript + Vite

• Initialized the project using Vite for fast builds and optimized development.
• Configured TypeScript for type safety and improved developer experience.
• Set up React as the front-end framework.

2. Integrated TailwindCSS and ShadCN UI

• Added TailwindCSS for efficient utility-first styling.
• Set up ShadCN UI for prebuilt, customizable components to accelerate development.

3. Configured ESLint and Prettier

• Installed and configured ESLint for consistent coding standards.
• Integrated Prettier with ESLint to automate code formatting.

4. Added Core Libraries

• React Router DOM: For client-side routing and navigation.
• React Hot Toast: For sleek and interactive toast notifications.
• Lucide React: Icon library for adding visually appealing and lightweight icons.
• Framer Motion: For smooth animations and transitions.
• Axios: For handling API requests efficiently.

5. Configured Netlify for Client-Side Routing

• Added _redirects file to support client-side routing in Netlify.
• Ensured compatibility for deployment with React Router DOM.

Testing Instructions

1. Install dependencies:

   npm install  

2. Run the project:

   npm run dev  

3. Verify the following:

   • React application runs successfully with Vite and TypeScript configurations.
   • TailwindCSS is applied correctly to components.
   • ShadCN UI components render and function as expected.
   • Routing works seamlessly for multiple routes without server errors.
   • Toast notifications, animations, and icons are functional.
   • Code adheres to ESLint rules, and files are formatted correctly with Prettier.

Deployment Notes

• The _redirects file ensures proper routing in the deployed application.
• Configurations are tailored for deployment on Netlify.

Checklist

• Initial setup with React + TypeScript + Vite configured.
• TailwindCSS and ShadCN UI integrated.
• ESLint and Prettier configured.
• Libraries for routing, notifications, icons, animations, and API requests added.
• Netlify configuration added for client-side routing.