Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/AnuV6/portfolio-v2

This repository showcases my web portfolio, built using a modern tech stack: React for a smooth user interface, Next.js for enhanced performance and SEO, and Firebase for effortless deployment. Explore my skills and projects in a user-friendly and responsive format.
https://github.com/AnuV6/portfolio-v2

firebase javascript nextjs portfolio-website react tailwind web-portfolio

Last synced: 5 days ago
JSON representation

This repository showcases my web portfolio, built using a modern tech stack: React for a smooth user interface, Next.js for enhanced performance and SEO, and Firebase for effortless deployment. Explore my skills and projects in a user-friendly and responsive format.

Awesome Lists containing this project

README

        

Welcome to my portfolio v2 👋


GitHub licenseGitHub issuesGitHub forks GitHub stars

## Developer Portfolio built with Next.js, react that helps you showcase your work and skills as a developer.





## To view a live example, **[click here](https://anupadinuranga.live)**.

But if you want to **contribute** and make this much better for other developers have a look at
[Issues](https://github.com/AnuV6/portfolio-v2/issues).

If you created something awesome and want to contribute then feel free to open an
[pull request](https://github.com/AnuV6/portfolio-v2/pulls).

## Sections

✔️ About \
✔️ Skills\
✔️ Education\
✔️ Work Experience\
✔️ Feedbacks\
✔️ Projects\
✔️ Github Profile

## This repository houses the code for my dynamic and visually appealing web portfolio, built using a modern tech stack:

- [ ] React: A powerful JavaScript library for building user interfaces with a declarative and component-based approach.
- [ ] Next.js: A React framework that extends React with server-side rendering (SSR) and static site generation (SSG) capabilities, leading to enhanced performance and SEO.
- [ ] Firebase Hosting: Google's serverless hosting platform that provides a seamless and scalable solution to deploy your web application with minimal configuration.

### Features:

- [x] Eye-Catching Design: The portfolio presents your work in a captivating and user-friendly manner, leaving a lasting impression on potential employers or clients. (Feel free to customize this line to highlight specific design aspects!)
- [x] Interactive Elements: Engage visitors with interactive components that showcase your skills and projects in an engaging way.
- [x] Responsive Layout: Adapts seamlessly to different screen sizes, ensuring optimal viewing experience on desktops, tablets, and mobile devices.
- [x] SEO-Friendly: Optimized for search engines, increasing the visibility of your portfolio to your target audience.
- [x] Fast Loading: Leverages techniques like code-splitting and pre-rendering to deliver a smooth and responsive user experience.

### Getting Started:

- Clone the repository: ```git clone https://docs.github.com/articles/cloning-a-repository (Replace with your repository URL)```
- Install dependencies: ```npm install (or yarn install)```
- Start the development server: ```npm run dev (or yarn dev)```
- Visit http://localhost:3000 to view your portfolio in development mode

### Deployment:

This repository is configured for deployment to Firebase Hosting. Refer to the official Firebase documentation for detailed setup instructions: https://firebase.google.com/docs/hosting/quickstart

## Technologies Used

- [Next.js](https://nextjs.org/)
- [axios](https://www.npmjs.com/package/axios)
- [reactstrap](https://reactstrap.github.io/)
- [react-reveal](https://www.react-reveal.com/)
- [react-lottie](https://www.npmjs.com/package/react-lottie)
- [react-easy-emoji](https://github.com/appfigures/react-easy-emoji)
- [react-headroom](https://github.com/KyleAMathews/react-headroom)
- [color-thief](https://github.com/lokesh/color-thief)

## Icons

Iconify Icons are used in the skill section. You can find all the icons here: [Iconify](https://icon-sets.iconify.design/).

### Contribution:

Feel free to fork the repository and contribute your own improvements! We welcome constructive suggestions and pull requests.

Keywords: React, Next.js, JavaScript, Portfolio, Web Development, Firebase, Hosting, Responsive, SEO

### Additional Notes:

You can personalize this description further by adding details about your specific skillset, the types of projects you showcase, or unique design choices.
If you're using a custom styling library or framework (e.g., Material-UI, Tailwind CSS), consider mentioning it in the description.
Consider including screenshots or a live preview link (once deployed) to visually demonstrate the portfolio's look and feel.

## Show your support

Give a ⭐️ if this project helped you! You can buy me a coffee if you'd like to support my work further.



## Author

👤 **Coder Allen**

- Website: [Anupa_Dinuranga](https://anupadinuranga.live)
- Github: [@AnuV6](https://github.com/AnuV6)
- LinkedIn: [@anupadinuranga](https://linkedin.com/in/anupadinuranga)