Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/priyanshuuranjan/myportfolio
My personal portfolio website, built with React.js, Framer Motion, React Icons, and Tailwind CSS, showcases my skills and projects as a Frontend Developer. It features a modern, responsive design with smooth animations and sections detailing my work and contact information.
https://github.com/priyanshuuranjan/myportfolio
framer-motion javascript react react-icons responsive scroller tailwindcss
Last synced: about 2 months ago
JSON representation
My personal portfolio website, built with React.js, Framer Motion, React Icons, and Tailwind CSS, showcases my skills and projects as a Frontend Developer. It features a modern, responsive design with smooth animations and sections detailing my work and contact information.
- Host: GitHub
- URL: https://github.com/priyanshuuranjan/myportfolio
- Owner: priyanshuuranjan
- License: mit
- Created: 2024-10-11T15:09:57.000Z (4 months ago)
- Default Branch: master
- Last Pushed: 2024-10-17T15:00:31.000Z (4 months ago)
- Last Synced: 2024-11-01T17:06:20.547Z (3 months ago)
- Topics: framer-motion, javascript, react, react-icons, responsive, scroller, tailwindcss
- Language: JavaScript
- Homepage: https://priyanshuuportfolio.vercel.app/
- Size: 4.3 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 💼 Portfolio
Welcome to my personal portfolio! This website showcases my journey as a **Frontend Developer**, with a strong passion for building efficient, scalable, and visually appealing web applications. Developed using **React.js**, this portfolio highlights my skills, projects, and professional growth in the world of web development.
## 🌟 Features
- **Clean Design**: A modern, responsive, and visually appealing layout that ensures smooth navigation across all devices.
- **Projects Showcase**: A dedicated section displaying my key projects with detailed descriptions, technologies used, and links to live demos.
- **About Me**: Get to know me, my background, and my passion for frontend development in this section.
- **Skills & Tools**: An organized list of my technical expertise in frontend technologies, frameworks, and development tools.
- **Contact Form**: An easy-to-use contact form for reaching out to me directly.
- **Social Links**: Links to my GitHub, LinkedIn, and other platforms to stay connected and up-to-date with my work.
## 🛠️ Technologies Used
- **Frontend**: React.js
- **Styling**: Tailwind CSS for a modular and maintainable styling approach.
- **Icons**: React Icons for a clean and professional look.
- **Deployment**: Vercel for hosting the live portfolio.
## 🏁 Getting Started
Follow these steps to set up the project locally:
### Prerequisites
Make sure you have the following installed:
- [Node.js](https://nodejs.org/)
- npm or yarn
### Installation
1. Clone the repository:
```bash
git clone https://github.com/priyanshuuranjan/your-portfolio.git
```
2. Navigate to the project directory:
```bash
cd your-portfolio
```
3. Install the dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm start
```
The project should now be running on [http://localhost:3000](http://localhost:3000).
## 🌍 Deployment
To deploy the project using **Vercel**:
1. Push your project to a GitHub repository.
2. Go to [Vercel](https://vercel.com/) and sign in or create an account.
3. Click on "New Project" and import your GitHub repository.
4. Configure any necessary settings (Vercel usually detects React automatically).
5. Click on "Deploy" to start the deployment process.
After the deployment is complete, you will receive a link to your live portfolio.
## 📂 Project Structure
```plaintext
.
├── public
├── src
│ ├── components # Reusable components (Header, Footer, Projects, etc.)
│ ├── pages # Main portfolio pages (Home, About, Projects, Contact)
│ ├── constants # All the Dummy Data (corrected folder name to lowercase)
│ └── App.js # Main application component
└── package.json
```
## 🚀 Live Demo
Check out the live version of my portfolio here: [Portfolio](https://your-portfolio.vercel.app)
## 🤝 Contributing
I appreciate feedback and suggestions! Feel free to fork this repository and submit a pull request with any new features or improvements.
## 📜 License
This project is licensed under the [MIT License](./LICENSE).
## ✉️ Contact
You can reach me via:
- 📧 Email: [email protected]