FormNest Frontend

A modern React-based frontend application built with Vite, featuring Google OAuth integration and a beautiful UI powered by Tailwind CSS.

🚀 Features

• ⚡️ Built with Vite for blazing fast development
• 🔐 Google OAuth authentication
• 🎨 Modern UI with Tailwind CSS
• 🔄 React Router for seamless navigation
• 📱 Responsive design
• 🧹 ESLint for code quality

🛠️ Tech Stack

• React 19
• Vite 6
• Tailwind CSS 4
• React Router DOM 7
• Google OAuth
• JWT Decode

📦 Prerequisites

• Node.js (Latest LTS version recommended)
• npm or yarn

🚀 Getting Started

1. Clone the repository:

git clone https://github.com/Harshjosh361/FormNestFrontend
cd vite-project

2. Install dependencies:

npm install
# or
yarn install

3. Create a .env file in the root directory and add your environment variables:

VITE_GOOGLE_CLIENT_ID=your_google_client_id

4. Start the development server:

npm run dev
# or
yarn dev

5. Open your browser and navigate to http://localhost:5173

📚 Available Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run lint - Run ESLint
• npm run preview - Preview production build

🏗️ Project Structure

vite-project/
├── src/
│   ├── assets/      # Static assets
│   ├── data/        # Data files
│   ├── App.jsx      # Main application component
│   ├── main.jsx     # Application entry point
│   └── index.css    # Global styles
├── public/          # Public assets
└── pages/           # Page components

🤝 Contributing

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

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

• Vite team for the amazing build tool
• React team for the wonderful library
• Tailwind CSS team for the utility-first CSS framework