Skip to content

Larence0401/Portfolio-Site

Repository files navigation

This is a Next.js project bootstrapped with create-next-app.

Portfolio Page

 

Here you get to the LIVE APP

Screenshot_Portfolio

Description

This is my portfolio page showcasing my skills, the software projects I've realized so far as well as my contact details.

Why I built this site

First and foremost, I built this site for showcasing my software projects. Building this site was also a good practice for transforming a figma mockup which had been designed by someone else into code. I did my best applying clean code principles and clean architecture while building this app

Tech Stack

  • Javascript ES6
  • ReactJS
  • NextJS
  • Tailwind Styled Components

Features

  • responsive design
  • animated hamburger menu
  • dynamic sidebar
  • animation of elements depending on scroll position

How to install and run the project

  1. Clone the project, running git clone https://https://github.com/Larence0401/Portfolio-Site

  2. Install dependencies running npm i or yarn add in your terminal

  3. Run npm start or yarn run dev in your terminal

How to use the project

You can use this repo as a template for your own portfolio page.

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.

AIzaSyCslMeCOzjhzgJlzG6mMD-kWb3nfbEDtLs