Giter Club home page Giter Club logo

my_website's Introduction

My Portfolio Website (Next.js + Tailwind CSS)

This is my very first project where I got to work with web development frameworks like Next.js + Tailwind CSS. As a "data analytics" person myself, doing web dev feels like a totally different ball field. On one hand, it was very rewarding and exciting to see your own code turn into something tangible (aka your application). On the other hand, I realized that web developers have a much tougher time of finding the answer/solution to errors since they are usually very specific to one's application, while errors found in data analytics projects are more broad and easier to debug.

I started out with Next.js's tutorial, which helped me build a good foundation for my website. Next.js's sample site looks like this (you may notice some similarities b/ this website and mine). I wanted to add more personality & functionality to my website, but didn't have enough experience with Next.js + Tailwind CSS to progress.

Tutorial

I reached out to my friend Daniel Fu, a web dev enthusiast, for assistance. He helped me a lot on this site, and showed me how to integrate different API's, such as Spotify's API (to display whenever I'm listening to music on Spotify) and Cloudinary's API (to display my favorite photos taken from my phone).

My Website

We would spend hours every week on call adding new features and debugging. I learned so much from him and am honored to call him a friend. Be sure to check out his upcoming project Flow, the next best productivity tool!

I'm extremely happy to finally finish my website and share it to my friends and family. I think (and hope) that it represents me in the best way possible. Please check out the repo for the source code and visit my website at wwwnam.com!

my_website's People

Contributors

hnlp1997 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.