Coder Social home page Coder Social logo

aoigj100-website's Introduction

Jenny 的個人網站

Jenny 的個人網站,將履歷與社群聯絡方式整合。

網址:https://aoigj100-website.vercel.app/

使用技術

Typescript + Nextjs + TailwindCSS

安裝與執行步驟 (Installation and Execution)

  1. 打開終端機輸入 git clone https://github.com/aoigj100a/aoigj100-website

  2. 進入專案資料夾安裝工具包

  • 打開終端機輸入npm install
  1. 執行專案
  • 打開終端機輸入 npm run dev
  1. 使用瀏覽器瀏覽

Tip:記得將電腦的node js 升級到 v.20(目前最新版本),不然next會報錯

進度紀錄

  • 設置好 Nextjs 初始專案狀態
  • 加入 TailwindCSS
  • 加入 _app.js
  • 基本header與footer(少量 RWD)
  • 部署在 vercel 上面
  • 加入 git 版控
  • 部署網站在 vercel
  • 製作 mobile meun
  • 設定配色
  • 加Link-網站地圖
  • 設定字體大小
  • 切版 Hero Section
  • 切版 Header
  • 加入 Hero Section 中文介紹內文
  • 加入 _document.js
  • 切版 技能列表 | 標籤與連結
  • 加網頁 title
  • 切版 Footer

專案開發人員

AOI

aoigj100-website's People

Contributors

aoigj100a avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.