🏡 About Hyphomz
Hyphomz is a modern web platform offering reliable, high-quality, on-demand home services at the tap of a button. From cleaning and plumbing to repairs and installations, Hyphomz connects you with trusted professionals ready to transform your home — quickly, efficiently, and securely.
- User-friendly interface for seamless feedback submission
- Service Booking & Management Schedule cleaning, plumbing, electrical, pest control, and more — with flexible date & time slots.
- Search & Discovery Find services organized into categories like Cleaning, Repairs, Appliances, Beauty, etc.
- Mobile-responsive design ensuring accessibility across devices
- Optimized performance with server-side rendering (SSR) and static site generation (SSG)
- Modern UI powered by Tailwind CSS and Shadcn, magicui
Check out the live version of Hyphomz here: Live Site
To set up and run the project locally, follow these steps:
Ensure you have the following installed:
- Node.js (Latest LTS version recommended)
- npm or yarn for package management
-
Clone the repository:
git clone https://github.com/Sankalp20Tiwari/hyphomz.git
-
Navigate to the project directory:
cd hyphomz -
Install dependencies:
npm install --legacy-peer-deps # or yarn install -
Run the development server:
npm run dev # or yarn dev -
Open
http://localhost:3000in your browser to view the application.
hyphomz/
├──app/
├──(auth)/ # Auth related pages
├──about/ # About page
├──components/ # Reusable custom made components
├──contact/ # Contact page
├──services/ # Services page
├──globals.css # Custom css styles
├──layout.tsx # Layout page
├──page.tsx # Actual Landing Page
├──components/ # Reusable UI components from shadcn and magicui
├──data/ # Data used at various places
├──lib # Utilities
├── public/ # Static assets (images, icons, etc.)
├── next.config.ts # Next.js configuration settings
├── package.json # Project metadata and dependencies
- Next.js - React framework for SSR & SSG
- TypeScript - Ensures type safety and scalability
- Tailwind CSS - Utility-first CSS framework for rapid styling
- ESLint & Prettier - Code linting and formatting for better maintainability
- Shadcn - Responsive and clean UI with help of Shadcn
- Framer Motion - Animations
We welcome contributions to enhance the project! To contribute:
- Fork the repository.
- Create a new branch (
feature/your-feature-name). - Implement your changes and commit.
- Push to your forked repository and submit a pull request.