/FormNestFrontend

One-click course survey form generator.

Primary LanguageJavaScriptMIT LicenseMIT

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
  1. Install dependencies:
npm install
# or
yarn install
  1. Create a .env file in the root directory and add your environment variables:
VITE_GOOGLE_CLIENT_ID=your_google_client_id
  1. Start the development server:
npm run dev
# or
yarn dev
  1. 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