release: 1.0.0 with minor tweaks

Author: mmmmmob

README.md

@@ -2,7 +2,7 @@
 
 ![Theppitak M_](https://github.com/mmmmmob/me.theppitak/assets/141404845/29d12b14-2540-4953-9c58-075005d9442d)
 
-theppitak.me , my portfoilio site built with React, Bun, and Vite. Design with cleanliness and simplicity in mind.
+theppitak.me , my portfolio site built with React, Bun, and Vite. Design with cleanliness and simplicity in mind.
 
 ## Table of Contents
 
@@ -14,6 +14,7 @@ theppitak.me , my portfoilio site built with React, Bun, and Vite. Design with c
     - [Prerequisites](#prerequisites)
     - [Installation](#installation)
     - [Running the Project](#running-the-project)
+    - [Now Playing Bar](#now-playing-bar)
   - [Technologies Used](#technologies-used)
   - [Contributing](#contributing)
   - [License](#license)
@@ -63,17 +64,19 @@ bun run dev
 
 Open your browser and visit `http://localhost:5173` or the address as shown in your terminal to see your portfolio.
 
-### Spotify Now Playing Bar
+### Now Playing Bar
+
+The Now Playing Bar at the bottom pf the page uses Spotify's Now Playing API to retrieve information about your current listening song and render the data live on your site
 
 Refer to the `.env.example` file to learn how to obtain your credential tokens from the Spotify Developer website. Use these tokens in production by creating a `.env.local` file in your folder. Remember to set the actual environment variables on your deployment platform.
 
 You can opt-out of this feature by removing the `<NowPlaying/>` component from `App.jsx`.
 
 ## Technologies Used
 
-- **Frontend**: React, Tailwind CSS, daisyUI and react-icons
-- **Bundler**: Vite
-- **Package Manager**: Bun
+- **Frontend**: [React](https://react.dev/), [Tailwind CSS](https://tailwindcss.com/), [daisyUI](https://daisyui.com/) and [react-icons](https://react-icons.github.io/react-icons/)
+- **Bundler**: [Vite](https://vitejs.dev/)
+- **JavaScript Runtime and Package Manager**: [Bun](https://bun.sh/)
 
 ## Contributing
 
@@ -87,4 +90,4 @@ Contributions are welcome! Please fork this repository and submit a pull request
 
 ## License
 
-This project is licensed under the Creative Commons CC-BY-SA-4.0 license. See the [LICENSE](LICENSE) file for details.
+This project is licensed under the Creative Commons license. See the [LICENSE](LICENSE) file for details.

package.json

@@ -1,7 +1,7 @@
 {
   "name": "me.theppitak",
   "private": true,
-  "version": "0.0.0",
+  "version": "1.0.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -35,8 +35,6 @@
     "vite-plugin-node-polyfills": "^0.22.0"
   },
   "prettier": {
-    "plugins": [
-      "prettier-plugin-tailwindcss"
-    ]
+    "plugins": ["prettier-plugin-tailwindcss"]
   }
 }

src/components/Header.jsx

@@ -4,11 +4,12 @@ import ModeToggle from "../snippets/ModeToggle";
 function Header() {
   return (
     <div className="flex h-12 w-screen justify-between bg-white/20 shadow backdrop-blur-lg md:h-14 dark:bg-gray-700/50">
-      <img
-        src="/logo.png"
-        alt="avatar"
+      <a
+        href="#"
         className="ml-1 size-10 -translate-y-1 self-center rounded-md p-1 md:ml-3"
-      />
+      >
+        <img src="/logo.png" alt="avatar" />
+      </a>
       <div className="mr-3 flex self-center md:mr-5">
         <div className="self-center">
           <CurrentTime />

src/components/Project.jsx

@@ -5,6 +5,7 @@ import {
   SiNodedotjs,
   SiReact,
   SiSwift,
+  SiDaisyui,
 } from "react-icons/si";
 import { VscJson } from "react-icons/vsc";
 import ProjectCard from "../sub-components/ProjectCard";
@@ -52,6 +53,12 @@ const projects = [
         color: "bg-lime-700",
         reactIcon: SiNodedotjs,
       },
+      {
+        id: 5,
+        name: "DaisyUI",
+        color: "bg-orange-500/80",
+        reactIcon: SiDaisyui,
+      },
     ],
     icon: "/loglife.png",
     url: "https://loglife.guru",

src/components/WorkExp.jsx

@@ -7,7 +7,7 @@ const experiences = [
     workplace: "Self-studied",
     url: "https://www.linkedin.com/in/theppitak-m/details/certifications/",
     title: "iOS Mobile Developer",
-    desc: "Since high school, I've always been passionate about Apple software. After finishing the bootcamp, I decided to dive into native iOS development. I taught myself Swift through online courses and various hands-on projects. In just two months, I created my first native iOS application, Lotto Journal.",
+    desc: "Since high school, I've always been passionate about Apple platform. After finishing the bootcamp, I decided to dive into native iOS development. I taught myself Swift through online courses and various hands-on projects. After two months, I created my first native iOS application, Lotto Journal.",
   },
   {
     id: 2,

src/snippets/ModeToggle.jsx

@@ -26,7 +26,7 @@ function ModeToggle() {
   return (
     <button
       onClick={changeTheme}
-      className="rounded-sm p-1 align-bottom text-base ring-1 ring-slate-700/50 ring-offset-1 hover:ring-slate-700 dark:ring-slate-400 hover:dark:ring-slate-400/50"
+      className="ml-1 rounded-sm p-1 align-bottom text-base ring-1 ring-slate-700/50 ring-offset-1 hover:ring-slate-700 dark:ring-slate-400 hover:dark:ring-slate-400/50"
     >
       {theme === "dark" ? <IoSunny /> : <IoMoon />}
     </button>