Portfolio

live : https://www.kris1027.pl/

Challenges Faced During the Portfolio Project

1. Learning and Implementing Next.js with TypeScript

• Adapting to the structure and conventions of Next.js.
• Leveraging TypeScript for type safety and improved code quality.

2. Integrating Framer Motion for Animations

• Creating smooth, interactive animations to enhance user experience.
• Ensuring performance optimization for complex animations.

3. Using EmailJS for Email Functionality

• Setting up EmailJS to handle form submissions and send emails.
• Ensuring reliable email delivery and handling potential errors.

4. Building Forms with React Hook Form and Zod for Validation

• Implementing user-friendly forms with React Hook Form.
• Using Zod to enforce robust validation rules and improve form reliability.

5. Database Management with Prisma and SQLite

• Setting up Prisma as an ORM to interact with an SQLite database.
• Defining database schemas and managing migrations.
• Overcoming challenges related to querying and retrieving data efficiently.

6. Biggest Challenge: Utilizing Prisma for Data Management

• Understanding Prisma’s query capabilities and relational data handling.
• Debugging and optimizing queries to ensure data integrity and performance.

7. Testing the Application with Playwright

• Setting up Playwright for end-to-end testing to ensure application reliability.
• Writing comprehensive tests to cover various user interactions and edge cases.
• Debugging and maintaining tests to adapt to application changes and ensure continuous quality assurance.

Technologies:

• Next
• Tailwind
• React
• TypeScript
• Framer Motion
• Next Themes
• Axios
• React Hook Form
• Zod
• EmailJS
• Prisma
• Toastify
• SQLite
• Playwright

List to do:

• animations by framer-motion
• notifications by toastify
• modal for certificate image
• project cart desgin
• sending emails by emailjs
• better dark/light mode
• refactor project and course item
• scroll to Particular Section
• refactor data to use SQL database
• extraction of constant colors
• fix issue with server pages and client pages
• refactor email form with react-hook-form and zod
• fix modal opening animation
• improve project performance
• change animation in profil description to have better performance
• test application