Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vidit-kushwaha/v2.portfolio

Second iteration of my personal website built with NextJs
https://github.com/vidit-kushwaha/v2.portfolio

nextjs personal-website reactjs styled-components tailwindcss

Last synced: 4 months ago
JSON representation

Second iteration of my personal website built with NextJs

Host: GitHub
URL: https://github.com/vidit-kushwaha/v2.portfolio
Owner: Vidit-Kushwaha
License: mit
Created: 2023-05-21T10:32:29.000Z (almost 2 years ago)
Default Branch: main
Last Pushed: 2024-08-26T05:46:39.000Z (6 months ago)
Last Synced: 2024-08-27T05:39:47.285Z (6 months ago)
Topics: nextjs, personal-website, reactjs, styled-components, tailwindcss
Language: JavaScript
Homepage: https://www.viditkushwaha.com
Size: 1.38 MB
Stars: 3
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# v2.portfolio

This is my personal portfolio website built using Next.js and Tailwind CSS. It showcases my projects, skills, and provides information about my experience and contact details.

## Table of Contents

- [Demo](#demo)

- [Technologies Used](#technologies-used)

- [Features](#features)

- [Installation and Set Up](#installation-and-set-up)

- [Building and Running for Production](#building-and-running-for-production)

- [Color Reference](#color-reference)

- [Contributing](#contributing)

## Demo

![Portfolio Screenshot](https://drive.google.com/uc?export=view&id=18oe-Pnm7wneTMEJk0Rv_beDvhm6m9hW8)

You can visit the live website [here](https://viditkushwaha.com/).

## Technologies Used

- Next.js

- React

- Tailwind CSS

- JavaScript

## Features

- Responsive design for optimal viewing on different devices.

- Showcase of projects with descriptions and links.

- Detailed information about skills, experience, and education.

- Contact section to get in touch with me.

## Installation and Set Up

To run this portfolio website locally, follow these steps:

1. Clone the repository:

    ```sh

    git clone https://github.com/Vidit-Kushwaha/v2.portfolio.git

    ```

2. Navigate to the project directory:

    ```sh

    cd v2.portfolio

    ```

3. Install dependencies:

    ```sh

    npm install

    ```

4. Start the development server

   ```sh

   npm run dev

   ```

##  Building and Running for Production

1. Generate a full static production build

   ```sh

   npm run build

   ```

1. Preview the site as it will appear once deployed

   ```sh

   npm run start

   ```

## Color Reference

| Color          | Hex                                                                |

| -------------- | ------------------------------------------------------------------ |

| Navy           | ![#0a192f](https://via.placeholder.com/10/0a192f?text=+) `#0a192f` |

| Light Navy     | ![#112240](https://via.placeholder.com/10/0a192f?text=+) `#112240` |

| Lightest Navy  | ![#233554](https://via.placeholder.com/10/303C55?text=+) `#233554` |

| Slate          | ![#8892b0](https://via.placeholder.com/10/8892b0?text=+) `#8892b0` |

| Light Slate    | ![#a8b2d1](https://via.placeholder.com/10/a8b2d1?text=+) `#a8b2d1` |

| Lightest Slate | ![#ccd6f6](https://via.placeholder.com/10/ccd6f6?text=+) `#ccd6f6` |

| White          | ![#e6f1ff](https://via.placeholder.com/10/e6f1ff?text=+) `#e6f1ff` |

| Green          | ![#64ffda](https://via.placeholder.com/10/64ffda?text=+) `#64ffda` |

## Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request.