https://github.com/bhuvansa/bhuvansa.com
My portfolio website
https://github.com/bhuvansa/bhuvansa.com
nextjs shadcn tailwindcss
Last synced: 2 months ago
JSON representation
My portfolio website
- Host: GitHub
- URL: https://github.com/bhuvansa/bhuvansa.com
- Owner: BhuvanSA
- Created: 2022-08-21T08:51:07.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2025-12-13T15:10:12.000Z (6 months ago)
- Last Synced: 2026-01-03T22:56:39.930Z (5 months ago)
- Topics: nextjs, shadcn, tailwindcss
- Language: JavaScript
- Homepage: https://bhuvansa.com
- Size: 9.83 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Bhuvan S A - Portfolio Website
This repository contains the code for my personal portfolio website built using Next.js. The website showcases my skills, experience, and projects.
## Table of Contents
- [Features](#features)
- [Tech Stack](#tech-stack)
- [Installation](#installation)
- [Usage](#usage)
- [Project Structure](#project-structure)
- [Contributing](#contributing)
## Features
- Responsive design for various screen sizes
- Dark mode support
- Dynamic project showcase with filtering capabilities
- Interactive sections for About, Work Experience, Education, and Skills
- Contact form for easy communication
- SEO optimized
- Performance optimized with Next.js features
## Tech Stack
- [Next.js](https://nextjs.org/) - React framework for server-side rendering and static site generation
- [React](https://reactjs.org/) - JavaScript library for building user interfaces
- [Tailwind CSS](https://tailwindcss.com/) - Utility-first CSS framework
- [Framer Motion](https://www.framer.com/motion/) - Animation library for React
- [Swiper](https://swiperjs.com/) - Modern mobile touch slider
- [Radix UI](https://www.radix-ui.com/) - Unstyled, accessible components for React
- [Lucide React](https://lucide.dev/) - Beautiful & consistent icon toolkit
- [React Icons](https://react-icons.github.io/react-icons/) - Popular icon packs as React components
- [Nodemailer](https://nodemailer.com/) - Module for email sending
## Installation
1. Clone the repository:
```
git clone https://github.com/BhuvanSA/bhuvansa.com.git
```
2. Navigate to the project directory:
```
cd bhuvansa.com/
```
3. Install the dependencies:
```
npm install
```
4. Create a `.env` file in the root directory and add the necessary environment variables (e.g., for email functionality).
## Usage
1. To run the development server:
```
npm run dev
```
2. Open [http://localhost:3000](http://localhost:3000) in your browser to view the website.
3. To build the project for production:
```
npm run build
```
4. To start the production server:
```
npm start
```
## Project Structure
- `app/`: Contains the main application pages and layouts
- `components/`: Reusable React components
- `data/`: JSON files containing personal information, projects, and other data
- `public/`: Static assets like images and fonts
- `styles/`: Global CSS styles
## Contributing
Contributions are welcome! Please feel free to submit a Pull Request.