feat: create project section

HasithDeAlwis commented 1 month ago

🛠 Changes being made

Created project section

📸 Screenshots - If Applicable

✅ Quality Checklist

[ ] Did you test on mobile?
[ ] Did you write tests for the feature?
[ ] Are the animations smooth on the deploy preview?

Summary by Sourcery

Add a new 'Projects' section to the website, enhancing the portfolio with detailed project information and links. Update the 'Currently Learning' section for better styling and layout.

New Features:

Introduce a new 'Projects' section to the website, allowing users to view project details including title, description, source link, demo link, and more.

Enhancements:

Refactor the 'Currently Learning' section for improved layout and styling consistency.

sourcery-ai[bot] commented 1 month ago

Reviewer's Guide by Sourcery

This pull request implements a new project section for the website. It includes creating new components, updating existing components, adding API functionality, and modifying the main page layout to incorporate the new project section.

User journey diagram for the new project section

journey
    title User journey for viewing projects
    section Home Page
      User: Go to Home Page: 5: User
    section Project Section
      User: View Project Section: 5: User
      User: Click on Project Demo Link: 4: User
      User: Click on Project Read More Link: 3: User
      User: Click on Project Source Link: 4: User

Class diagram for the new ProjectType

classDiagram
    class ProjectType {
      string title
      string description
      string sourceLink
      string demoLink
      string readMoreLink
      string alt
      string picture
      string video
    }
    class Project {
      int id
      string title
      string description
      string sourceLink
      string demoLink
      string readMoreLink
      Media projectImage
      string videoLink
      string updatedAt
      string createdAt
    }
    ProjectType <|-- Project : implements

File-Level Changes

Change	Details	Files
Added a new Project interface and updated the Config interface	Created a new Project interface with fields like title, description, links, and media Updated the Config interface to include the new 'projects' field Modified the PayloadLockedDocument interface to support the new Project type	`apps/website/src/models/generated-types.ts`
Created new components for displaying projects	Implemented a ProjectCard component to display individual project details Created a Projects component to render a list of ProjectCard components Added a new story for the ProjectCard component in Storybook	`apps/website/src/components/projects/project-card.svelte` `apps/website/src/components/projects/projects.svelte` `apps/storybook/stories/projects/project-card.stories.svelte`
Implemented API functionality for fetching project data	Created a new file projects-api.ts to handle project data fetching Implemented a getProjectsData function to fetch and process project data from the API	`apps/website/src/api/projects-api.ts`
Updated the main page to include the new Projects component	Imported the new Projects component and getProjectsData function Added logic to fetch project data and render the Projects component Updated the page layout to include the new Projects section	`apps/website/src/pages/index.astro`
Modified styling and configuration files	Updated tailwind.config.mjs with new shadow styles for primary colors Modified button styling in the button component Updated tsconfig.json to allow arbitrary extensions	`tailwind.config.mjs` `apps/website/src/components/ui/button/index.ts` `apps/website/tsconfig.json`

Tips and commands

#### Interacting with Sourcery - **Trigger a new review:** Comment `@sourcery-ai review` on the pull request. - **Continue discussions:** Reply directly to Sourcery's review comments. - **Generate a GitHub issue from a review comment:** Ask Sourcery to create an issue from a review comment by replying to it. - **Generate a pull request title:** Write `@sourcery-ai` anywhere in the pull request title to generate a title at any time. - **Generate a pull request summary:** Write `@sourcery-ai summary` anywhere in the pull request body to generate a PR summary at any time. You can also use this command to specify where the summary should be inserted. #### Customizing Your Experience Access your [dashboard](https://app.sourcery.ai) to: - Enable or disable review features such as the Sourcery-generated pull request summary, the reviewer's guide, and others. - Change the review language. - Add, remove or edit custom review instructions. - Adjust other review settings. #### Getting Help - [Contact our support team](mailto:support@sourcery.ai) for questions or feedback. - Visit our [documentation](https://docs.sourcery.ai) for detailed guides and information. - Keep in touch with the Sourcery team by following us on [X/Twitter](https://x.com/SourceryAI), [LinkedIn](https://www.linkedin.com/company/sourcery-ai/) or [GitHub](https://github.com/sourcery-ai).

netlify[bot] commented 1 month ago

Deploy Preview for hasith ready!

Name	Link
Latest commit	cea964142d728c0e4ffc720e055a6fa4ebafefb9
Latest deploy log	https://app.netlify.com/sites/hasith/deploys/67191023dee081000896b90c
Deploy Preview	https://deploy-preview-40--hasith.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

HasithDeAlwis / Hasith-Portfolio-v2