MepUnity Project

MepUnity is a web application designed for managing electric, mechanical, and plumbing projects using AutoCAD and ArchiCAD. This project allows users to upload files, calculate project costs, and manage their profiles.

Table of Contents

• Installation
• Usage
• Features
• Technologies Used

Installation

1. Clone the repository:

git clone https://github.com/Guram12/mepunity_front.git

2. Navigate to the project directory:

cd mepunity

3. nstall the dependencies:

npm install

4. Start the development server:

npm run dev

Usage

• Open your browser and navigate to http://localhost:5173.
• Register or log in to your account.
• Use the navigation bar to access different features such as file upload, project cost calculation, and profile management.

Features

• Main Page: Introduction to the MepUnity services.
• File Upload: Upload files related to electric, mechanical, and plumbing projects.
• Cost Calculation: Calculate the cost of projects based on selected services and areas.
• Profile Management: Update user profile information.
• Authentication: User registration, login, and password reset for a custom discount.

Technologies Used

• React: JavaScript library for building user interfaces.
• Vite: Next Generation Frontend Tooling.
• TypeScript: Superset of JavaScript that adds static types.
• Framer Motion: Library for animations.
• i18next: Internationalization framework.
• i18next-browser-languagedetector: Language detection plugin for i18next.
• React Icons: Include popular icons in your React projects easily.
• React Select: A flexible and beautiful Select Input control for ReactJS.
• React Tooltip: Lightweight tooltip component for React.
• dotenv: Loads environment variables from a .env file into process.env.
• ESLint: Pluggable linting utility for JavaScript and TypeScript.
• TypeScript ESLint: Monorepo for all the tooling which enables ESLint to support TypeScript.