Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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

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` |
| Light Navy |  `#112240` |
| Lightest Navy |  `#233554` |
| Slate |  `#8892b0` |
| Light Slate |  `#a8b2d1` |
| Lightest Slate |  `#ccd6f6` |
| White |  `#e6f1ff` |
| Green |  `#64ffda` |## Contributing
Contributions are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request.