https://github.com/bhartik021/portfolio
A Portfolio Website Developed using React.js and Tailwind CSS with the Modern UI.
https://github.com/bhartik021/portfolio
modern-ui portfolio-website react-portfolio reactjs tailwind-css
Last synced: 6 months ago
JSON representation
A Portfolio Website Developed using React.js and Tailwind CSS with the Modern UI.
- Host: GitHub
- URL: https://github.com/bhartik021/portfolio
- Owner: bhartik021
- License: mit
- Created: 2024-03-01T14:24:06.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-04T02:02:19.000Z (about 1 year ago)
- Last Synced: 2025-04-11T20:19:45.007Z (6 months ago)
- Topics: modern-ui, portfolio-website, react-portfolio, reactjs, tailwind-css
- Language: JavaScript
- Homepage: https://www.bhartikumari.in/
- Size: 13.3 MB
- Stars: 4
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Portfolio
Welcome to my portfolio website built using React.js, Vite, and Tailwind CSS! This website showcases my skills, projects, and services in a visually appealing and interactive manner.
## Features
- **Beautiful Sections:** Includes header, hero, services, features, projects, and footer.
- **Parallax Animations:** Engaging effects triggered by mouse movement and scrolling.
- **Complex UI Geometry:** Utilizes Tailwind CSS for intricate shapes like circular feature displays, grid lines, and side lines.
- **Latest UI Trends:** Incorporates modern design elements such as bento grids.
- **Cool Gradients:** Enhances visuals with stylish gradients using Tailwind CSS for cards, buttons, etc.
- **Responsive:** Ensures seamless functionality and aesthetics across all devices.
## Technologies Used
- **React.js:** A JavaScript library for building user interfaces.
- **Vite:** A next-generation frontend tooling.
- **Tailwind CSS:** A utility-first CSS framework for rapid UI development.
## Getting Started
To run this project locally, follow these steps:
### Prerequisites
Ensure you have the following software installed on your machine:
- [Node.js](https://nodejs.org/)
- [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/)
### Installation
1. Clone this repository to your local machine using Git:
```bash
git clone https://github.com/bhartik021/portfolio
```
2. Navigate to the project directory:
```bash
cd portfolio
```
3. Install project dependencies using npm:
```bash
npm install
```
Or, if you prefer using yarn:
```bash
yarn install
```
### Running the Development Server
Once the dependencies are installed, start the development server:
```bash
npm start
```
Or, with yarn:
```bash
yarn start
```
The development server should start running, and you should be able to access the portfolio website in your browser at http://localhost:3000.
Now you're ready to explore Bharti Kumari's portfolio website locally on your machine!
If you encounter any issues or have questions, feel free to reach out for assistance. Enjoy exploring!
## Code Architecture and Reusability
The project is organized following best practices for code architecture, ensuring modularity, scalability, and maintainability. Components are designed to be reusable and easily configurable, allowing for efficient development and future updates.
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.