The dynamic, responsive website is built for a theatre director, showcasing their body of work, projects, and artistic vision using Vite, React, and Tailwind CSS for styling. Motive Framer is employed for smoothing scrolling, and React-Form is utilized for handling form submissions. I meticulously designed the entire website to provide an excellent user experience, ensuring that all functionalities work seamlessly together.
You can watch the Video Demo here or visit the Website here.
![Screenshot](https://private-user-images.githubusercontent.com/106375522/273476553-b7d8a418-497a-4f11-a415-8dcdb21c522c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk0ODIyOTksIm5iZiI6MTczOTQ4MTk5OSwicGF0aCI6Ii8xMDYzNzU1MjIvMjczNDc2NTUzLWI3ZDhhNDE4LTQ5N2EtNGYxMS1hNDE1LThkY2RiMjFjNTIyYy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjEzJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxM1QyMTI2MzlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1lMTYxYzEzNDk2ZjAyYTk1MWQzMWNiZTM0NzI0Mzg5OWEyNjgzZTU4YjdhODVlZThlZTNjYjFlZWYwNmRmNGExJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.O2UKmU-Vxo-Stu5fegqiKBYH-dxjSmfevAwY-wmetGs)
![Screenshot](https://private-user-images.githubusercontent.com/106375522/274044012-7328fe1b-bbbe-4e81-b47e-ec035607b4ea.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk0ODIyOTksIm5iZiI6MTczOTQ4MTk5OSwicGF0aCI6Ii8xMDYzNzU1MjIvMjc0MDQ0MDEyLTczMjhmZTFiLWJiYmUtNGU4MS1iNDdlLWVjMDM1NjA3YjRlYS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjEzJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxM1QyMTI2MzlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT02ODU1MTYyOTZhN2IxZGYxMWI2NTA1YWU1MzZhZGVkMmI5MzY0MWRkNjI3MjAzNzI1NTZmMTMyMmQxOGE1ZWNjJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.aczqRbEziqngBj9bdsE5RgtKPg3R-BGehXQyKC0G6vI)
![Screenshot](https://private-user-images.githubusercontent.com/106375522/274043122-c4d446a9-4249-4c3f-a54d-3f124f279063.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk0ODIyOTksIm5iZiI6MTczOTQ4MTk5OSwicGF0aCI6Ii8xMDYzNzU1MjIvMjc0MDQzMTIyLWM0ZDQ0NmE5LTQyNDktNGMzZi1hNTRkLTNmMTI0ZjI3OTA2My5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjEzJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxM1QyMTI2MzlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT01MjRlOWU4MWMwNjViMmJjYjQ4MDFkODkwMmI5NjdhMDk1NzBiY2M1YjBiMjlhNWQzNDU1YzFiY2Y5MjBlODE2JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.Hzha4KQbSF_x2fuc_8nW5BInMJ0SO1ycnS4LipMI324)
- Clone the repo:
gh repo clone yan-fung/react-portfolio-JC
- Install the packages locally:
npm install
- Run the development server for the app.
npm run dev
🧑🚀 Yan Fung