https://github.com/jananadiw/portfolio

A simple dev portfolio site build with NextJs & Tailwind CSS
https://github.com/jananadiw/portfolio

dev-portfolio nextjs personal-website portfolio portfolio-website react reactjs tailwind tailwindcss

Last synced: about 2 months ago
JSON representation

A simple dev portfolio site build with NextJs & Tailwind CSS

• Host: GitHub
• URL: https://github.com/jananadiw/portfolio
• Owner: jananadiw
• Created: 2022-10-30T14:19:40.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-12-05T14:12:43.000Z (over 2 years ago)
• Last Synced: 2024-04-19T20:27:46.957Z (about 2 years ago)
• Topics: dev-portfolio, nextjs, personal-website, portfolio, portfolio-website, react, reactjs, tailwind, tailwindcss
• Language: TypeScript
• Homepage: https://jananadi-portfolio.vercel.app/
• Size: 5.78 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Developer Portfolio Website

[![Package - react](https://img.shields.io/github/package-json/dependency-version/plutach/portfolio/react?color=blue)](https://www.npmjs.com/package/react)

[![Package - next](https://img.shields.io/github/package-json/dependency-version/plutach/portfolio/next?color=blue)](https://www.npmjs.com/package/next)

[![Deployed with - Vercel](https://img.shields.io/badge/Deployed_with-Vercel-black)](https://)

> A simple personal portfolio website to showcase and organize important personal and work projects all in one place, built with NextJs, Tailwind CSS, [next-translate](https://github.com/aralroca/next-translate) & [react-toggle-dark-mode](https://www.npmjs.com/package/react-toggle-dark-mode).

## Preview



## Features

- Localization KR, EN

- Dark/Light Mode

## Build Setup

```bash

install project

npm install

Run on localhost on port 3000.

npm run dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

## Directory Structure

```js

.

├── components // all React Components can be used in layouts, pages

│   ├── navbar

│   ├── header

├── pages // route pages

|   ├── about // about page

│   │   ├── index.tsx

│   ├── _app.tsx // error page

│   ├── index.tsx // home/index page

├── public // static imgs etc.

└── styles

```

## Deploy on Vercel

Commit and push changes to deploy on Vercel.