https://github.com/nafisrayan/portfolio

This repository contains the source code for my personal portfolio website. It showcases my projects, skills, and experiences in a clean and interactive manner.
https://github.com/nafisrayan/portfolio

blog css html javascript portfolio portfolio-website reactjs

Last synced: about 5 hours ago
JSON representation

This repository contains the source code for my personal portfolio website. It showcases my projects, skills, and experiences in a clean and interactive manner.

• Host: GitHub
• URL: https://github.com/nafisrayan/portfolio
• Owner: NafisRayan
• Created: 2024-06-24T23:45:36.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-06-25T21:05:48.000Z (5 months ago)
• Last Synced: 2024-06-26T00:49:41.029Z (5 months ago)
• Topics: blog, css, html, javascript, portfolio, portfolio-website, reactjs
• Language: JavaScript
• Homepage: https://portfolio-ten-tan-96.vercel.app/
• Size: 4.85 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


Portfolio Website

  



This repository contains the source code for my personal portfolio website. It showcases my projects, skills, and experiences in a clean and interactive manner.




## Built With

This project was built using these technologies.

- React.js

- Node.js

- Express.js

- CSS3

- VsCode

- Vercel

## Features

**📖 Multi-Page Layout**

**🎨 Styled with React-Bootstrap and Css with easy to customize colors**

**📱 Fully Responsive**

## Attributes

- **Responsive Design**: The website is designed to be responsive, ensuring it looks great on all devices.

- **Navigation Bar**: A sticky navigation bar for easy site navigation.

- **Projects Section**: Displays a list of my projects with links to live demos and source codes.

- **About Me**: A section dedicated to providing more details about myself and my professional background.

- **Resume**: An embedded resume showcasing my educational qualifications and work experience.

- **Contact Information**: Easy-to-find contact information for reaching out.



  

  



## Getting Started

Clone down this repository. You will need `node.js` and `git` installed globally on your machine.

## 🛠 Installation and Setup Instructions

1. Installation: `npm install`

2. In the project directory, you can run: `npm start`

Runs the app in the development mode.\

Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.

## Usage Instructions

Open the project folder and Navigate to `/src/components/`. 


You will find all the components used and you can edit your information accordingly.