Code

Feature/typescript#112

Code

Open

joheri1 wants to merge 65 commits intoTechnigo:mainTechnigo/project-happy-thoughts-vite:mainfrom joheri1:feature/typescriptjoheri1/project-happy-thoughts-vite:feature/typescriptCopy head branch name to clipboard

+1,024-35

Commits

Commits on Oct 23, 2024

• Create folder for components. Create component for Header. Import Header to App.jsx.

  joheri1

  committed
  5370e78

  Copy full SHA for 5370e78

• Create Footer component. Add Footer component to App.jsx. Add styling to Footer.jsx

  joheri1

  committed
  9eaf584

  Copy full SHA for 9eaf584

• Add GitHubLogo in svg format. Update App.jsx with putting the Header and Footer inside a div. Add color to the Footer text.

  joheri1

  committed
  938a37a

  Copy full SHA for 938a37a

• Add two new components - HappyBoard and HappyWall.

  joheri1

  committed
  b6e281d

  Copy full SHA for b6e281d

• Add default styling for text. Add default styling for HappyBoard and HappyWall. Add sections in the index.css file for better overview. Add HappyBoard and HappyWall components to App.jsx.

  joheri1

  committed
  2601dab

  Copy full SHA for 2601dab

• Update HappyBoard component with form and input handling

  joheri1

  committed
  33b5005

  Copy full SHA for 33b5005

• Add submit button to HappyBoard. Add more styling to the Happy board section.

  joheri1

  committed
  7a3bd49

  Copy full SHA for 7a3bd49

• Add Font-family Courier, monospace to h1, h2, h3, h4 and p. Changed size in input field and submit button.

  joheri1

  committed
  c05eb5f

  Copy full SHA for c05eb5f

• Switch from input field to textarea for a multi-line text input. Add BASE_URL and import useEffect and useState to the HappyWall component, but as comments to avoid errors.

  joheri1

  committed
  dd4cec0

  Copy full SHA for dd4cec0

• Remove all default styling for the button. Add font-family Courier, monospace to the button, as well as border-radius to make it oval, and background-color grey.

  joheri1

  committed
  17fcda5

  Copy full SHA for 17fcda5

• Style the board-form by giving it a shadow, change size, center it and add a border around it

  joheri1

  committed
  6222cd6

  Copy full SHA for 6222cd6

Commits on Oct 24, 2024

• add colors to the background and text. Add hover effect on submit-button.

  joheri1

  committed
  38daf12

  Copy full SHA for 38daf12

• Import useEffect and useState hooks. Define BASE_URL for the API. Use useEffect to fetch Happy thoughts from the BASE_URL using an async/await function. Store the fetched thoughts in the 'thoughts'…

  Show description for f2fcc81
  joheri1

  committed
  f2fcc81

  Copy full SHA for f2fcc81

• Changed names to be clear and descriptive

  joheri1

  committed
  fca5369

  Copy full SHA for fca5369

• Add return statement to render the happyPosts. Add className posts-container for the styling. Map through the happyPosts array and use post._id as a unique key for each item/post. Add className pos…

  Show description for 0a74b4b
  joheri1

  committed
  0a74b4b

  Copy full SHA for 0a74b4b

• Add async/await function to fetch likes from API and POST likes. In the return, add onClick function to add likes to a unique post

  joheri1

  committed
  86a8fe0

  Copy full SHA for 86a8fe0

• Add className to like-button for styling

  joheri1

  committed
  8aa5138

  Copy full SHA for 8aa5138

• Update Like button with notLikedClass and likedClass. Add styling to notLinkedClass and likedClass.

  joheri1

  committed
  c44a199

  Copy full SHA for c44a199

• Add a new className for like-count to put the number of likes outside of the like button.

  joheri1

  committed
  51a37b6

  Copy full SHA for 51a37b6

• Add className heart-icon to target the heart icon for styling. Change size on the heart-icon. Style the like button.

  joheri1

  committed
  23e03b9

  Copy full SHA for 23e03b9

• Use useState to set loading on submit. Create a new component for the BASE_URL that is used in the two components HappyBoard and HappyWall. Use Async/await to fetch BASE_URL and POST the body to th…

  Show description for f254b5a
  joheri1

  committed
  f254b5a

  Copy full SHA for f254b5a

• Add more styling to header and footer

  joheri1

  committed
  bf65327

  Copy full SHA for bf65327

Commits on Oct 25, 2024

• Start adding styling for Mobile, Tablet and Desktop.

  joheri1

  committed
  641f444

  Copy full SHA for 641f444

• Add more styling to Desktop, especially WallBoard.

  joheri1

  committed
  203caa8

  Copy full SHA for 203caa8

• Change size on input-field/Text area for Desktop. Also add resize none to the input field to prevent end-user from changing size of the field.

  joheri1

  committed
  12c35de

  Copy full SHA for 12c35de

• Add resize none to the input field to prevent end-user from changing size of the field

  joheri1

  committed
  a717177

  Copy full SHA for a717177

• Change title to Project Happy Thought - Week 111

  joheri1

  committed
  abbfbd7

  Copy full SHA for abbfbd7

• Add Aria label to Like button. Add Focus manangement to Submit button.

  joheri1

  committed
  79c28a7

  Copy full SHA for 79c28a7

• Change head title to Project Happy Thought

  joheri1

  committed
  8c4be0f

  Copy full SHA for 8c4be0f

• Update useful sources in README. Change color on heart icon when unclicked to a darker grey for a higher contrast ratio.

  joheri1

  committed
  f39d471

  Copy full SHA for f39d471

• Update README file with project information

  joheri1

  committed
  21db403

  Copy full SHA for 21db403

• Add time stamp to HappyWall posts. Set the format and how the date/time should be shown to the user based on the end user location. Add a new container, like-container, to fix the styling.

  joheri1

  committed
  ece414e

  Copy full SHA for ece414e

• Add word-wrap: break-word to post-text to force break extremely long words.

  joheri1

  committed
  b253987

  Copy full SHA for b253987

• Add more styling to the CSS.

  joheri1

  committed
  898d301

  Copy full SHA for 898d301

• Update README file with information about problems and If I had more time.

  joheri1

  committed
  e124798

  Copy full SHA for e124798

• Push changes, if any unpushed

  joheri1

  committed
  1dfc8c4

  Copy full SHA for 1dfc8c4

• Add more text to README

  joheri1

  committed
  43d9893

  Copy full SHA for 43d9893

• Add two more links to README

  joheri1

  committed
  0836ec2

  Copy full SHA for 0836ec2

Commits on Oct 29, 2024

• Update Footer.jsx

  Show description for cbe3383
  joheri1

  authored
  cbe3383

  Copy full SHA for cbe3383

• Update Footer.jsx

  Show description for 8a9adc5
  joheri1

  authored
  8a9adc5

  Copy full SHA for 8a9adc5

Commits on Oct 30, 2024

• Add centered ”loading” with text and animated dots. Adjust dot size and alignment to fit the ”loading” text. Add link to the animated dots in the README file. Add a delay to make the loading messag…

  Show description for a42e5aa
  joheri1

  committed
  a42e5aa

  Copy full SHA for a42e5aa

• Add a new component for the Loader

  joheri1

  committed
  1432803

  Copy full SHA for 1432803

• Add a new component for PostList. Update information regarding the different components.

  joheri1

  committed
  d6feefc

  Copy full SHA for d6feefc

• Save what s unsaved

  joheri1

  committed
  eaf9a0e

  Copy full SHA for eaf9a0e

Commits on Nov 7, 2024

• Update comment sections in the components. Move HappyBoard to HappyWall so the fetchHappyPosts function can be passed directly to HappyBoard as a prop (updateFormData).

  joheri1

  committed
  7474a82

  Copy full SHA for 7474a82

• Change outline to 1px for the like-button:focus

  joheri1

  committed
  f09fb88

  Copy full SHA for f09fb88

• Fix: correct case in PostList import path for Netlify deployment

  joheri1

  committed
  8eebdc4

  Copy full SHA for 8eebdc4

Commits on Nov 27, 2024

• Install TypeScript. Configure tsconfig.json. Convert project to TypeScript by updating all React components to .tsx files. Updated paths that got broken when converting.

  joheri1

  committed
  22c2880

  Copy full SHA for 22c2880

• Save any unsaved changes

  joheri1

  committed
  0d3b423

  Copy full SHA for 0d3b423

• feat: start adding TypeScript to PostList component. Began converting PostList to TypeScript. Props and , and parameter are still to be defined.

  joheri1

  committed
  4c327d4

  Copy full SHA for 4c327d4

Commits on Nov 28, 2024

• Add interface HappyPost to HappyWall.

  joheri1

  committed
  77fbe0a

  Copy full SHA for 77fbe0a

Commits on Nov 29, 2024

• Update component HappyWall by using the interface HappyPost, and define happyPosts as an array of HappyPost objects. Define the state for loading as a boolean (true/false). Define that postId is a …

  Show description for 8cb0fff
  joheri1

  committed
  8cb0fff

  Copy full SHA for 8cb0fff

• Add two interfaces to PostList component. One interface to define the HappyPost object, and one to define the PostListProps used in an array of HappyPosts and the function for adding likes to a post.

  joheri1

  committed
  02b89fe

  Copy full SHA for 02b89fe

• Pass PostListProps interface as the parameter type in this component.

  joheri1

  committed
  99c7e09

  Copy full SHA for 99c7e09

• Add comments for the interfaces containing void

  joheri1

  committed
  5bb4608

  Copy full SHA for 5bb4608

• Add README-feature. Update README-feature with project details. Update Main by adding ! to tell TypeScript that root is never null or undefined.

  joheri1

  committed
  7a1310f

  Copy full SHA for 7a1310f

• feat: Update event handling with React.FormEvent<HTMLFormElement> and Promise<void>. Updated README with a section explaining the Event-related TypeScript issue and how it was resolved.

  joheri1

  committed
  e27cdd2

  Copy full SHA for e27cdd2

• Add more information to the README-feature file

  joheri1

  committed
  e67c291

  Copy full SHA for e67c291

Commits on Nov 30, 2024

• Change main.jsx to main.tsx in the index.html file

  joheri1

  committed
  4dba422

  Copy full SHA for 4dba422

• Create new folder named declarations and add a new file to it named '*-d-ts'. The the new file, declare that .svg files should be treated as strings

  joheri1

  committed
  906ff9b

  Copy full SHA for 906ff9b

• Minor edits to the README-feature file

  joheri1

  committed
  6f8836d

  Copy full SHA for 6f8836d

• Update project regarding ESLint

  joheri1

  committed
  9f83dea

  Copy full SHA for 9f83dea

• Update the comment section at the top of each component.

  joheri1

  committed
  62fc283

  Copy full SHA for 62fc283

• Update the comment section at the top of each component

  joheri1

  committed
  ae39459

  Copy full SHA for ae39459

• Update README-feature

  joheri1

  committed
  60d27f2

  Copy full SHA for 60d27f2