Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/prasadlokhande-880/portfolio
A modern, responsive ReactJS-based portfolio website to showcase projects, skills, and achievements in a visually engaging way.
https://github.com/prasadlokhande-880/portfolio
css hooks-api-react html reactjs socket-io tailwindcss
Last synced: 22 days ago
JSON representation
A modern, responsive ReactJS-based portfolio website to showcase projects, skills, and achievements in a visually engaging way.
- Host: GitHub
- URL: https://github.com/prasadlokhande-880/portfolio
- Owner: Prasadlokhande-880
- Created: 2023-08-04T18:11:43.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-01T06:48:23.000Z (about 1 month ago)
- Last Synced: 2024-12-01T07:29:05.956Z (about 1 month ago)
- Topics: css, hooks-api-react, html, reactjs, socket-io, tailwindcss
- Language: JavaScript
- Homepage: https://prasadlokhande.netlify.app/
- Size: 10.4 MB
- Stars: 13
- Watchers: 1
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Here’s a comprehensive `README.md` file for your ReactJS portfolio project:
---
# Portfolio Website
Welcome to my personal portfolio website! This project showcases my skills, projects, achievements, and experience as a software developer. Built with ReactJS, the portfolio is designed to be responsive, user-friendly, and visually appealing.
## Features
- **Responsive Design**: Optimized for desktop, tablet, and mobile devices.
- **Interactive UI**: Smooth navigation and engaging animations.
- **Dynamic Content**: Modular and reusable components.
- **Project Showcase**: Highlight of my projects with detailed descriptions, links, and images.
- **Contact Form**: Allows visitors to connect with me directly via email.
- **Themed Design**: Integrated dark mode for user convenience.
---
## Technologies Used
- **Frontend**: ReactJS, HTML5, CSS3, JavaScript
- **Styling**: Tailwind CSS / Styled Components / CSS Modules (adjust if applicable)
- **Icons**: React Icons / Font Awesome
- **Hosting**: Deployed on [Vercel](https://vercel.com/) / [Netlify](https://www.netlify.com/) (if applicable)
---
## Installation
Follow these steps to set up and run the project locally:
### Prerequisites
- **Node.js**: Ensure you have Node.js installed. You can download it from [Node.js Official Website](https://nodejs.org/).
- **Git**: Ensure you have Git installed.
---
### Steps
1. **Clone the Repository**
Open your terminal and run the following command:
```bash
git clone https://github.com/your-github-username/portfolio.git
```
2. **Navigate to the Project Directory**
```bash
cd portfolio
```
3. **Install Dependencies**
Install all required dependencies using npm or yarn:
```bash
npm install
```
Or, if you prefer yarn:
```bash
yarn install
```
4. **Run the Project**
Start the development server with the following command:
```bash
npm start
```
Or:
```bash
yarn start
```
5. **Open in Browser**
By default, the application runs on [http://localhost:3000](http://localhost:3000). Open this link in your browser to view the portfolio.
---
## Folder Structure
```
portfolio/
├── public/ # Static assets (e.g., images, favicon)
├── src/
│ ├── components/ # Reusable React components
│ ├── pages/ # Different sections/pages of the portfolio
│ ├── assets/ # Images, fonts, etc.
│ ├── App.js # Main application file
│ └── index.js # Entry point
├── package.json # Project dependencies and scripts
├── README.md # Project documentation
└── .gitignore # Files to ignore in Git
```
---
## Deployment
The project can be deployed on platforms like **Vercel**, **Netlify**, or any static hosting service.
### Deployment Steps (Vercel):
1. Log in to [Vercel](https://vercel.com/).
2. Import the GitHub repository.
3. Configure the project settings (build command: `npm run build`, output directory: `build/`).
4. Deploy the project!
---
## Contributions
Contributions are welcome! If you find any issues or want to add new features:
1. Fork the repository.
2. Create a new branch:
```bash
git checkout -b feature-name
```
3. Make your changes and commit them:
```bash
git commit -m "Add a meaningful commit message"
```
4. Push to the branch:
```bash
git push origin feature-name
```
5. Open a pull request.
---
## License
This project is licensed under the MIT License.
---
## Contact
If you have any questions or feedback, feel free to reach out:
- **Email**: [email protected]
- **GitHub**: [Prasad Lokhande](https://github.com/Prasadlokhande-880)
- **LinkedIn**: [Prasad Lokhande](https://www.linkedin.com/in/prasad-lokhande-540020254/)
---
Let me know if you'd like any modifications!