Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/yeldynov/personal-portfolio

Personal Portfolio Website with Nextjs, Tailwind-css and Framer-motion
https://github.com/yeldynov/personal-portfolio

Last synced: about 1 month ago
JSON representation

Personal Portfolio Website with Nextjs, Tailwind-css and Framer-motion

Awesome Lists containing this project

README

        

# Next.Js Portfolio Website with Nextjs, Tailwind CSS and Framer-motion🌟

This repository contains starter code for Portfolio website created using NextJs.

### Images of The Portfolio Website:

![Nextjs Portfolio Website](https://github.com/codebucks27/Next.js-Developer-Portfolio-Starter-Code/blob/main/website%20images/home-light-desktop.png)
![Nextjs Portfolio Website Dark Mode](https://github.com/codebucks27/Next.js-Developer-Portfolio-Starter-Code/blob/main/website%20images/home-dark-desktop.png)
![Next.js Portfolio Website](https://github.com/codebucks27/Next.js-Developer-Portfolio-Starter-Code/blob/main/website%20images/about-light-desktop.png)
![Next js Portfolio Website](https://github.com/codebucks27/Next.js-Developer-Portfolio-Starter-Code/blob/main/website%20images/projects-dark-desktop.png)
![Portfolio Website In Next.js](https://github.com/codebucks27/Next.js-Developer-Portfolio-Starter-Code/blob/main/website%20images/articles-light-desktop.png)
![Responsive Portfolio Website In Nextjs](https://github.com/codebucks27/Next.js-Developer-Portfolio-Starter-Code/blob/main/website%20images/about-light-mobile.png)
![Responsive Portfolio Website In Next js](https://github.com/codebucks27/Next.js-Developer-Portfolio-Starter-Code/blob/main/website%20images/projects-light-mobile.png)
![Mobile Responsive Portfolio Website In Next.js](https://github.com/codebucks27/Next.js-Developer-Portfolio-Starter-Code/blob/main/website%20images/articles-light-mobile.png)

### Resources Used in This Project

- Profile image in the home page created by using https://www.midjourney.com/ tool.
on [Unsplash](https://unsplash.com/photos/ILip77SbmOE?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText).
- Fonts from https://fonts.google.com/

- Icons from https://iconify.design/

- LightBulb Svg from https://lukaszadam.com/illustrations

### External Libraries used in this project:

- [framer-motion](https://www.framer.com/motion/)

- [Tailwind css](https://tailwindcss.com/)