This project is licensed under the MIT license.
This project involves the development of a personal website for Patrick Mullaney, a computer science tutor. Patrick has recently decided to transition away from traditional tutoring platforms and establish his unique online presence. He approached me with the opportunity of creating his dream website, a platform where he can offer his tutoring services independently. I immediately agreed and am committed to building a website that not only aligns with Patrick's vision but also enhances his ability to connect with and teach students in a more personalized and impactful manner. The goal is to create a user-friendly, engaging, and informative website that reflects Patrick's professional identity and helps him to inspire and teach students in the field of computer science.
The initiative began when my first computer science tutor (who played a significant role in understanding the basics of computer science) contacted me with a specific request. He intended to depart from his current tutoring platform, Wyzant, and venture into an independent tutoring practice.
In designing this website, I wanted to integrate his favorite color, green, which I intended to incorporate as a central theme in the website's aesthetic. My goal was to craft a Single Page Application (SPA) that stood apart from any of my previous works. This project was not only a professional endeavor but also a personal challenge to push the boundaries of my creative and technical skills. This website aims to reflect the unique teaching philosophy and professional journey of Patrick while also offering an engaging, intuitive, and seamless user experience.
In this project, several advanced features were implemented to enhance the website's interactivity and user experience. Below is an overview of these additional functionalities:
To infuse the website with a dynamic and engaging feel, Framer Motion was utilized. This powerful animation library was employed to animate elements in the header and the skills section. The use of motion design not only captures the user's attention but also provides a modern and sophisticated touch to the interface.
To ensure a seamless and intuitive navigation experience, the website incorporates the react-intersection-observer library. This tool allows the navigation to dynamically update based on the user's current position on the page. As the user scrolls through the content, the navigation remains synchronized with the section in view, enhancing usability and ensuring a smooth browsing experience.
Understanding the importance of efficient communication, the website's contact form is powered by EmailJS. This integration enables the direct transmission of messages from the contact form to the tutor's email. This feature not only streamlines communication but also ensures that inquiries and messages are promptly and efficiently delivered, facilitating better interaction between the tutor and potential students.
These additional features were carefully selected and implemented to ensure that the website is not only aesthetically pleasing but also functionally robust, providing an optimal user experience while reflecting the professional image of the computer science tutor.
Front End
- React.js
- Next.js
- TypeScript
- TailwindCSS
- Framer Motion
- EmailJS