Milestone 4

Milestone: Client Components / Deploying

Description:

For this milestone, you will develop a personal website leveraging React and Next.js. The website will feature interactive components, state management, API integration for comments, an email functionality on the 'Contact Me' page, and will be deployed on Vercel. Good luck!

Steps / Learning Objectives:

1. Client-Server Interaction and React Components:

   • Understand how client components differ from server components in React.
   • Implement client components for interactivity ( comments / contact me ).

2. Interactive Web Development with React Hooks and Event Handlers:

   • Utilize event handlers like onClick, onMouseOver, and others for user interactions.
   • Implement React hooks (useState, useEffect, etc.) to manage state and lifecycle in the application.

3. API Integration and Server Actions:

   • Develop POST API endpoints using either Route Handlers (api folder) or server actions for adding comments to the blog and portfolio sections.

4. Building and Integrating a 'Contact Me' Form:

   • Create a form that utilizes EmailJS or a similar service for sending emails.
   • Handle form validation and submission, ensuring user input is correctly processed and sent.

5. Deployment and Final Touches:

   • Deploy the completed website on Vercel.
   • Ensure all previous functionalities are intact and perform as expected post-deployment.

Additional Resources:

• React Hooks API Reference
• Next.js Documentation
• EmailJS Documentation

Notion link: Click Here