Renova is a modern, high-performance web application for a home renovation and design company. It showcases services, projects, and testimonials with a sleek, responsive design.
- Modern UI/UX: Built with Material UI (MUI) for a polished and professional look.
- Responsive Design: Fully responsive layout that works seamlessly on desktop, tablet, and mobile devices.
- Smooth Animations: Enhanced user experience with Framer Motion animations.
- Interactive Components: engaging sections for services, projects, and contact forms.
- Theming: Custom theme configuration for consistent branding.
- Frontend Framework: React (v19)
- Build Tool: Vite
- Language: TypeScript
- UI Library: Material UI (MUI)
- Animations: Framer Motion
- Routing: React Router
- Linting & Formatting: Biome & ESLint
Follow these steps to set up the project locally.
- Node.js (v18 or higher)
- npm or pnpm
-
Clone the repository:
git clone https://github.com/your-username/renova.git cd renova -
Install dependencies:
npm install # or pnpm install
Start the development server with hot module replacement:
npm run devThe application will be available at http://localhost:5173.
To create a production-ready build:
npm run buildThe build artifacts will be stored in the dist/ directory.
Run the linter to check for code quality issues:
npm run lintFormat the code:
npm run formatsrc/
├── assets/ # Static assets (images, icons)
├── components/ # Reusable UI components
│ ├── layout/ # Layout components (Header, Footer)
│ └── sections/ # Page sections (Hero, About, Services, etc.)
├── pages/ # Application pages
├── theme/ # MUI theme configuration
├── App.tsx # Main application component
└── main.tsx # Entry point
This project is licensed under the MIT License.