https://membrane-frontend-cc-azure.vercel.app
For running the app just clone the repo and run:
npm run install
npm run dev
- React + Vite + Typescript
- React Query
- React hook forms
- Context
- Material UI
- EsLint
/components
: Reusable UI components that are not tied to specific pages/containers
: Represent higher-level components that use presentational components. They handle data, state management, and business logic/hooks
: custom hooks to re-use logic/contexts
: Global state management using Context API./services
: API calls, utilities, and helper functions.
membrane.mp4
![Screenshot 2023-11-21 at 01 19 23](https://private-user-images.githubusercontent.com/33455403/284424214-2c8c033c-c26e-49ef-b87d-5a6a844a8da1.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE3MTMyNzcsIm5iZiI6MTcyMTcxMjk3NywicGF0aCI6Ii8zMzQ1NTQwMy8yODQ0MjQyMTQtMmM4YzAzM2MtYzI2ZS00OWVmLWI4N2QtNWE2YTg0NGE4ZGExLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzIzVDA1MzYxN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTgwNGJiN2RlZDk2YmNkMzgwMzJjNGViZTgyNGJmYWQxMzU2NjI5ZDY4MWM3MmZjOTdiZTNjOTY0ZTU2ZGFkNDImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.LGFTPQHEzKJsbvsQCw_frEfo6MgG1p5QizCedFWQlq0)
![Screenshot 2023-11-21 at 01 42 48](https://private-user-images.githubusercontent.com/33455403/284427292-b0b92824-1ec3-4a61-9b39-2165523655e2.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE3MTMyNzcsIm5iZiI6MTcyMTcxMjk3NywicGF0aCI6Ii8zMzQ1NTQwMy8yODQ0MjcyOTItYjBiOTI4MjQtMWVjMy00YTYxLTliMzktMjE2NTUyMzY1NWUyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzIzVDA1MzYxN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWU3ZjNkZmEyMzQ4OWVhZmU4OWQxYjM0NzNlM2MwNWE5NzM2ZDBjYWE2MThlYTRjMTYzYzZkMTEwMGNlMThjOTQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.X_AFDXxX_dv1PtRDxGflXBJc9NjmTmgUP-1x4fZQ6lo)
![Screenshot 2023-11-21 at 01 20 24](https://private-user-images.githubusercontent.com/33455403/284424333-53209035-cb83-47a2-8d55-0964e3a39322.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE3MTMyNzcsIm5iZiI6MTcyMTcxMjk3NywicGF0aCI6Ii8zMzQ1NTQwMy8yODQ0MjQzMzMtNTMyMDkwMzUtY2I4My00N2EyLThkNTUtMDk2NGUzYTM5MzIyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzIzVDA1MzYxN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTc5YmUzMjc0MDhhNjBjOWIxNjgyZDYwOGJmYjNiMzA1NjMzMDI3MTQ0Y2I2NjgyMzJmNzFlZTM2OThkMDVjZTkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.lS54DD-f5PGCtc_1nlALvFmNjhUjD4_zzdd9N2lhgUE)
![Screenshot 2023-11-21 at 01 20 40](https://private-user-images.githubusercontent.com/33455403/284424371-2034d22c-f270-4646-a8d2-79dd4cdab342.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE3MTMyNzcsIm5iZiI6MTcyMTcxMjk3NywicGF0aCI6Ii8zMzQ1NTQwMy8yODQ0MjQzNzEtMjAzNGQyMmMtZjI3MC00NjQ2LWE4ZDItNzlkZDRjZGFiMzQyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzIzVDA1MzYxN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTA2MWM2ZmEyODRkYTM2ZDgyOTcwYTViZjI1ZWViN2ZiMTYyMWU1NTUwMDVhOGNjYTE3MDEyN2JhN2NkMDk0MGMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.xyaL0xZ2mT3ZgXtznt6zuXfaIYlFucPslm87peaqwaA)
![Screenshot 2023-11-21 at 01 20 53](https://private-user-images.githubusercontent.com/33455403/284424396-95c2a7eb-976b-4d40-a146-e70bd5bf6ab6.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE3MTMyNzcsIm5iZiI6MTcyMTcxMjk3NywicGF0aCI6Ii8zMzQ1NTQwMy8yODQ0MjQzOTYtOTVjMmE3ZWItOTc2Yi00ZDQwLWExNDYtZTcwYmQ1YmY2YWI2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzIzVDA1MzYxN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTViMmI1YTYxNTBkOTRiZjE4MGQzZDgyMjIzY2UzMjIzYWRlZWE2MTg5YjZiN2JkMWFhYWMwZWJkMDQyNGEyMzEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.wpSa1Yhs-LjfPeUdBEEQKFsQWtzCVKsB6Meu_EFnW7o)