• Stars
    star
    843
  • Rank 54,052 (Top 2 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 3 years ago
  • Updated 8 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A VSCode themed developer portfolio built using Next.js

vscode-portfolio

Open is Visual Studio Code

A Visual Studio Code themed developer portfolio website built with Next.js and deployed on Vercel.

vscode-portfolio banner

Features Roadmap

  • Themes and customizations
    • GitHub Dark (default)
    • One Dark Pro
    • Dracula
    • Ayu
    • Nord
  • Interactive custom terminal

For other features and themes suggestions, please open an issue.

Environment Variables

For fetching your articles from dev.to, create an .env.local file inside the project directory. Check the .env.local.example file for more information.

Running Development Server

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

All VSCode related components can be found in the components folder. To change the content of the portfolio, check out the pages folder. To add or remove pages, modify components/Sidebar.jsx and components/Tabsbar.jsx.

Next.js Resources

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

More Repositories

1

driwwwle

The social network for developers. Discover creative websites and build a community.
JavaScript
128
star
2

nextjs-shopping-cart

A simple shopping cart application built with Next.js for LogRocket Blog.
JavaScript
66
star
3

driwwwle-old

Dribbble, but for web developers. A portal for sharing your web projects with the world.
JavaScript
46
star
4

data-structures

A beginners guide for delving into data structures with easy to understand code.
29
star
5

healthyways

An online food ordering web application for home-cooked meals
JavaScript
16
star
6

crypto-discord-bot

A discord bot that fetches cryptocurrency prices and news.
JavaScript
9
star
7

discord-stages-clone-100ms

Build Discord Stages clone with Next.js and 100ms SDK
JavaScript
9
star
8

itsnitinr.github.io

A work-in-progress portfolio website
SCSS
8
star
9

javascript-handbook

Data structures, algorithms and coding questions solved in JavaScript.
JavaScript
6
star
10

dogecoin-ticker

A live Dogecoin price ticker built using React
CSS
5
star
11

php_cheatsheet

PHP
4
star
12

itsnitinr

4
star
13

light-dark-mode

A website with light and dark mode switch for dynamic styles
CSS
3
star
14

node-api

A RESTful NodeJS API including authentication, authorization, custom async and erorr middleware, GeoJSON data, virtuals, security options are more!
HTML
3
star
15

medley

Medley is a website where people can share their favourite lyrics for others to see with a goregeous, modern user interface.
HTML
3
star
16

vuetube

A simple VueJS application to play YouTube videos
Vue
2
star
17

crwn-clothing

An E-Commerce website made using React, Redux, Firebase and more !
JavaScript
2
star
18

mern-ecommerce

A fully-featured e-commerce website build using the MERN stack
HTML
2
star
19

photo-gallery

A simple photo gallery web application built using ReactJS and Firebase.
JavaScript
2
star
20

k20pro

A Product Landing Page for Redmi K20 Pro made using HTML, CSS and Bootstrap. Non-responsive and made for desktop viewing,
HTML
1
star
21

linuxmint

Single page website for Linux Mint made using HTML, CSS and Bootstrap 4.3.1
HTML
1
star
22

react-firebase-auth

Boilerplate authentication for React apps using Firebase
JavaScript
1
star
23

vueditor

A simple photo editing app made with VueJS.
Vue
1
star
24

node-mongo-url-shortener

URL shortener build using NodeJS, MongoDB and shortid.
JavaScript
1
star
25

codeorbit

A website comprising of the best handpicked resources to learn programming with tools like a coding competition calendar and a competitive programming to-do list. [WIP]
HTML
1
star