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

https://github.com/atharva-narkhede/portfolio-website-react

This portfolio website is built using React and showcases a multi-page layout styled with React-Bootstrap and custom CSS. It is designed to be fully responsive, ensuring optimal viewing across various devices.
https://github.com/atharva-narkhede/portfolio-website-react

css html portfolio-website react-parallax-tilt reactjs typewriter-effect

Last synced: 8 months ago
JSON representation

This portfolio website is built using React and showcases a multi-page layout styled with React-Bootstrap and custom CSS. It is designed to be fully responsive, ensuring optimal viewing across various devices.

Awesome Lists containing this project

README

          

# React Portfolio Website

![Portfolio Website](https://github.com/atharva-narkhede/Portfolio-Website-React/assets/106006803/c081b1ba-a04a-4553-868d-845511d9f1fa)

## 📋 Project Overview

This portfolio website is built using React and showcases a multi-page layout styled with React-Bootstrap and custom CSS. It is designed to be fully responsive, ensuring optimal viewing across various devices.

**Live Demo**: [Portfolio Website](https://atharvaportfolio-2606.web.app)

**GitHub Repository**: [Portfolio-Website-React](https://github.com/atharva-narkhede/Portfolio-Website-React)

## ✨ Features

- **Multi-Page Layout**: Organized into multiple pages for better content management.
- **Styled with React-Bootstrap**: Easy to customize colors and styles using React-Bootstrap and CSS.
- **Fully Responsive**: Designed to be responsive and user-friendly on all devices.

## 📦 Technologies Used

- **React**: A JavaScript library for building user interfaces.
- **React-Bootstrap**: Bootstrap components built with React.
- **CSS**: Custom CSS for additional styling.
- **Typewriter-Effect**: Library for creating typewriter animations.
- **React-Parallax-Tilt**: Library for creating tilt effects.

## 🚀 How to Get Started?

To get started with this project, follow these instructions. Ensure you have `node.js` and `git` installed globally on your machine.

### 🛠 Installation and Setup Instructions

1. **Clone the Repository**:
```bash
git clone https://github.com/atharva-narkhede/Portfolio-Website-React.git
```

2. **Navigate to the Project Directory**:
```bash
cd Portfolio-Website-React
```

3. **Install Dependencies**:
```bash
npm install
```

4. **Start the Development Server**:
```bash
npm start
```

This will run the app in development mode. Open [http://localhost:3000](http://localhost:3000) to view it in the browser. The page will reload if you make edits.

## 🤝 Contributing

We welcome contributions to enhance this project. Feel free to fork the repository and create a pull request with your changes. Here are some ways you can contribute:

- **Bug Reports & Feature Requests**: If you encounter any issues or have feature suggestions, please create a GitHub issue.
- **Pull Requests**: If you'd like to contribute code, please fork the repository and submit a pull request.

### Show some ❤️ by giving a star ⭐ to this repository!