Introduction

I’ve crafted a dynamic portfolio using Vuetify 2, Vue 2, and Nuxt 2. Experience responsive design, seamless navigation, and engaging interactivity that showcase my skills and projects effectively.

Project: Portfolio Website

https://soumya-agrawal-portfolio.netlify.app/

Overview

This project is a portfolio website built using Nuxt.js, Vue.js, and Vuetify on the frontend, with an Express backend. It includes features like Axios for HTTP requests, dat.gui for a graphical user interface, and vue-scrollto for smooth scrolling.

Project Structure

• frontend: Contains the Nuxt.js and Vue.js application for the frontend.
• backend: Houses the Express server for handling backend operations.
  details about its structure and usage here.

-frontend
-.nuxt ->

• assets ->
• components ->
• css ->
• dist ->
• layouts ->
• node_modules ->
• pages ->
• plugins ->
• editorconfig ->
• .gitignore ->
• nuxt.config.js ->
• package-lock.json ->
• package.json ->
• README.md ->
  Soumya-Backend
• server
  • routes
    • api
      • posts.js
    • index.js
• package-lock.json ->
• package.json ->
  README.md

Dependencies

• Nuxt.js: A Vue.js framework for building server-side rendered applications.

  • Version: 2.15.8
  • Nuxt.js Documentation

• Vue.js: A JavaScript framework for building user interfaces.

  • Version: 2.7.10
  • Vue.js Documentation

• Vuetify: A Vue.js component framework for Material Design.

  • Version: 2.6.10
  • Vuetify Documentation

• Axios: A promise-based HTTP client for the browser and Node.js.

  • Version: 1.5.0
  • Axios Documentation

• dat.gui: A lightweight graphical user interface library.

  • Version: 0.7.9
  • dat.gui Documentation

• vue-scrollto: Adds a smooth scrolling effect to Vue.js applications.

  • Version: 2.20.0
  • vue-scrollto Documentation

• express: Fast, unopinionated, minimalist web framework for Node.js.

  • Version: 4.18.2
  • Express Documentation

• @nuxtjs/vuetify: Vuetify integration for Nuxt.js.

  • Version: 1.12.3
  • @nuxtjs/vuetify Documentation

• vue2-perfect-scrollbar: A custom scrollbar component for Vue.js.

  • Version: 1.5.56
  • vue2-perfect-scrollbar Documentation

Scripts

• dev: Run Nuxt.js in development mode.

  npm run dev
  

• build: Build the Nuxt.js application.

  npm run build
  

• start: Start the Nuxt.js application in production mode.

  npm start
  

• generate: Generate static files for the Nuxt.js application.

  npm run generate
  

How to Run

1. Clone the repository:

   git clone https://github.com/thesoumyaagrawal/Soumya.git
   

2. Install dependencies:

   cd frontend
   npm install
   

3. Run the development server:

   npm run dev
   

The frontend of the project will start running.
Visit http://localhost:3000 to view your portfolio website.