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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU5NjE0NTcsIm5iZiI6MTcyNTk2MTE1NywicGF0aCI6Ii8xMDYzNzU1MjIvMjczNDc2NTUzLWI3ZDhhNDE4LTQ5N2EtNGYxMS1hNDE1LThkY2RiMjFjNTIyYy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwOTEwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDkxMFQwOTM5MTdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1kNDg3NTNjYzRkMjlhNjY3NzczN2ExMzA4YzkzMzE3MTYxMjUyNDE3ZTYyMDY4MjMwZDdhODhlMjJhY2MyNGJmJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.gRUktD37pX5AlwtQeVS8jfXEPUFjnJnFum7mhAgiJHM)
![Screenshot](https://private-user-images.githubusercontent.com/106375522/274044012-7328fe1b-bbbe-4e81-b47e-ec035607b4ea.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU5NjE0NTcsIm5iZiI6MTcyNTk2MTE1NywicGF0aCI6Ii8xMDYzNzU1MjIvMjc0MDQ0MDEyLTczMjhmZTFiLWJiYmUtNGU4MS1iNDdlLWVjMDM1NjA3YjRlYS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwOTEwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDkxMFQwOTM5MTdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT05OWYzZmVlZTRiMzlkYzRlZTY0NDQ5MzFmOWEyYTFjMzczOWM5YzUzNjczNTU2ODE3ODc2ZmFhMTYwOTQ1ODk4JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.K2UUVDpknGL5A59r1gmcEQPy1jb7Ae-IjKoW-1N0FRU)
![Screenshot](https://private-user-images.githubusercontent.com/106375522/274043122-c4d446a9-4249-4c3f-a54d-3f124f279063.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU5NjE0NTcsIm5iZiI6MTcyNTk2MTE1NywicGF0aCI6Ii8xMDYzNzU1MjIvMjc0MDQzMTIyLWM0ZDQ0NmE5LTQyNDktNGMzZi1hNTRkLTNmMTI0ZjI3OTA2My5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwOTEwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDkxMFQwOTM5MTdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0yMGYzZjEwMzU0OTYyN2RjOGU5Y2NkYzk2MjllZTRjZjg2MWRjODExZjEyZmMxZWVmNTQxMzBlZWIzZTI0NTQ5JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.R9tV2DeOVnO5NwojoopXNtQGcmIOi5x9LxbBeuTGyrg)
- 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