React Bottom Sheet with Multiple Screen Snap Points and Spring Motion.

I am looking for an experienced React Developer to create a bottom sheet component with multiple screen snap points and spring motion for my project. Reference link: [login to view URL] [login to view URL] Goal: Create a React application that features a bottom sheet with multiple screen snap points and incorporates spring motion animations. You are allowed to refer and not use third-party libraries like react-spring-bottom-sheet to refer and meet the assignment requirements. Requirements: 1. React Application Setup: Set up a new React application using create-react-app or your preferred boilerplate. Use React Hooks for managing state and functional components. 2. Bottom Sheet Component: Create a BottomSheet component that serves as the bottom sheet element. 3. Screen Snap Points: Implement the bottom sheet to have at least three screen snap points: closed, half-open, and fully open. The closed position should hide most of the content, only showing a handle or a small indicator. The half-open position should reveal more content, and the fully open position should display the entire content. 4. Spring Motion Animation: Implement spring motion animations for smooth transitions between snap points. You are NOT allowed to use libraries like react-spring-bottom-sheet, 5. Handle User Interaction: Allow users to interact with the bottom sheet using gestures or buttons. Implement drag-and-release functionality to make the bottom sheet snap to the nearest screen snap point with spring motion. Provide buttons or other UI elements for users to manually control the bottom sheet's position. 6. Styling: Create visually appealing and responsive styles for the bottom sheet and its content. Ensure that the UI is user-friendly and intuitive. 7. Responsive Design: Ensure that the bottom sheet works well on both desktop and mobile devices. Implement responsive design techniques to adapt to different screen sizes. 8. Optional Features (Bonus): Add any additional features or enhancements to improve the user experience. Implement keyboard accessibility features. Implement unit tests for your components. Submission Guidelines: 1. Push your code to a Git repository (GitHub, GitLab, Bitbucket, etc.). 2. Include a [login to view URL] file with instructions on how to run your application locally. The successful freelancer should have a demonstrated understanding of React components, animation, and responsive design. The bottom sheet should work seamlessly on both desktop and mobile devices. This project could be great for someone looking to build a portfolio of quality, modern, and well-polished React components. If you are up for the challenge and have the necessary skills, please do not hesitate to place a bid. I look forward to hearing from you.