Vite Project

This is a web agency website with aesthetic designs and animations, built using React and Vite. It includes modern tools like TailwindCSS, Locomotive Scroll, and Framer Motion to create an optimized and interactive web application.

Table of Contents

• Description
• Installation
• Development
• Build
• Preview
• Linting
• Dependencies
• Dev Dependencies
• Project Structure
• Deployment
• License

Description

This project is a web agency website designed with aesthetic visuals and animations to create an engaging user experience. The website leverages modern web development technologies and libraries to ensure smooth performance and maintainability.

Installation

First, clone the repository and install the dependencies:

git clone https://github.com/yourusername/vite-project.git
cd vite-project
npm install

Development

To start the development server, run:

npm run dev

This will start Vite's development server, allowing you to view your project at http://localhost:3000.

Build

To create a production build, run:

npm run build

This will output the optimized production build to the dist directory.

Preview

To preview the production build, run:

npm run preview

This will start a local server to preview the production build.

Linting

To lint the project files, run:

npm run lint

This will run ESLint on your project, checking for any issues in JavaScript and JSX files.

Dependencies

• React - ^18.2.0
• React DOM - ^18.2.0
• React Router DOM - ^6.23.1
• Framer Motion - ^11.2.6
• Locomotive Scroll - ^5.0.0-beta.13
• React Icons - ^5.2.1
• TailwindCSS Filters - ^3.0.0

Dev Dependencies

• Vite - ^5.2.13
• TailwindCSS - ^3.4.3
• Autoprefixer - ^10.4.19
• PostCSS - ^8.4.38
• ESLint - ^8.57.0
• ESLint Plugin React - ^7.34.1
• ESLint Plugin React Hooks - ^4.6.0
• ESLint Plugin React Refresh - ^0.4.6
• @types/react - ^18.2.66
• @types/react-dom - ^18.2.22
• @vitejs/plugin-react - ^4.2.1

Project Structure

vite-project/
├── public/
│   └── index.html
├── src/
│   ├── components/
│   │   ├── Home.jsx
│   │   ├── Navbar.jsx
│   │   └── Footer.jsx
│   ├── pages/
│   │   ├── Services.jsx
│   │   ├── ourWork.jsx
│   │   ├── aboutUs.jsx
│   │   ├── insights.jsx
│   │   └── contact.jsx
│   ├── App.js
│   └── index.js
├── vercel.json
├── package.json
└── .gitignore

Deployment

This project can be deployed to Vercel. Ensure you have a vercel.json file in the root directory to handle routing:

{
  "rewrites": [
    { "source": "/(.*)", "destination": "/" }
  ]
}

Push your changes to your repository, and Vercel will automatically deploy the project.

License

This project is licensed under the MIT License.

---

Feel free to customize this README according to your project's specific needs.