https://github.com/ladunjexa-pbl/nextjs10-portfolio

well-designed and functional Personal Portfolio Website consisting Header, Hero, Projects, Technologies, About, Acomplishments and Footer sections built with React & NextJS using styled-components⏭
https://github.com/ladunjexa-pbl/nextjs10-portfolio

nextjs portfolio-web reactjs styled-components styled-normalize

Last synced: 7 months ago
JSON representation

well-designed and functional Personal Portfolio Website consisting Header, Hero, Projects, Technologies, About, Acomplishments and Footer sections built with React & NextJS using styled-components⏭

Host: GitHub
URL: https://github.com/ladunjexa-pbl/nextjs10-portfolio
Owner: ladunjexa-pbl
License: mit
Archived: true
Created: 2023-01-12T20:17:29.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2024-05-13T18:29:39.000Z (over 1 year ago)
Last Synced: 2025-02-12T04:41:10.808Z (8 months ago)
Topics: nextjs, portfolio-web, reactjs, styled-components, styled-normalize
Language: JavaScript
Homepage: https://nextjs10-portfolio.vercel.app/
Size: 3.36 MB
Stars: 5
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

          



  ![Project Banner](readme_assets/readme_banner.png#gh-dark-mode-only)

  ![Project Banner](readme_assets/readme_banner-light.png#gh-light-mode-only)

  
Next Portfolio

  

  

    Next Portfolio is a modern UI/UX and functional Personal Portfolio Web built with React & NextJS

  




  

    

  

  

    

  

  

    

  

  

    

  

  

    

  

  

    

  



   

 

    View Demo

   · 

    Documentation

   · 

    Report Bug

   · 

    Request Feature

  






# :notebook_with_decorative_cover: Table of Contents

- [About the Project](#star2-about-the-project)

  * [Folder Structure](#bangbang-folder-structure)

  * [Tech Stack](#space_invader-tech-stack)

- [Getting Started](#toolbox-getting-started)

  * [Installation](#gear-installation)

  * [Run Locally](#running-run-locally)

- [Contributing](#wave-contributing)

- [License](#warning-license)

- [Contact](#handshake-contact)

- [Acknowledgements](#gem-acknowledgements)

  

## :star2: About the Project



  






This repository houses an well-designed and functional Personal Portfolio Website consisting Header, Hero, Projects, Technologies, About, Acomplishments and Footer sections built with React & NextJS using styled-components⏭

### :bangbang: Folder Structure

Here is the folder structure of Next-Portfolio.

```

Next-Portfolio-Web/

|- public/

  |-- images/

|- src/

  |-- components/

  |-- constants/

  |-- layout/

  |-- pages/

  |-- styles/

  |-- themes/

```




### :space_invader: Tech Stack

  

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white)

![Styled Components](https://img.shields.io/badge/styled--components-DB7093?style=for-the-badge&logo=styled-components&logoColor=white)

  

(back to top)


## 	:toolbox: Getting Started

### :gear: Installation

#### Step 1:

Download or clone this repo by using the link below:

```bash

 https://github.com/ladunjexa/Next-Portfolio-Web

```

#### Step 2:

Next-Portfolio using NPM (Node Package Manager), therefore, make sure that Node.js is installed by execute the following command in console:

```bash

  node -v

```

#### Step 3:

At the main folder execute the following command in console to get the required dependencies:

```bash

  npm install

```

#### Step 4:

At the main folder execute the following command in console to creates a build directory with a production build of next-portfolio:

```bash

  npm run build

```

#### Step 5:

At the main folder execute the following command in console to run the server:

```bash

  npm run start

```

### :running: Run Locally

#### Step 1:

At the main folder execute the following command in console to get the required dependencies:

```bash

  npm install

```

#### Step 2:

At the main folder execute the following command in console to run the development server:

```bash

  npm run dev

```

(back to top)


## :wave: Contributing



  



Contributions are always welcome!

See [`contributing.md`](https://contributing.md/) for ways to get started.

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".

Don't forget to give the project a star! Thanks again!

1. Fork the Project

2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)

3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)

4. Push to the Branch (`git push origin feature/AmazingFeature`)

5. Open a Pull Request

(back to top)


## :warning: License

Distributed under the MIT License. See [LICENSE.txt](https://github.com/ladunjexa/Next-Portfolio-Web/blob/main/LICENSE) for more information.

(back to top)


## :handshake: Contact

Liron Abutbul - [@lironabutbul6](https://twitter.com/lironabutbul6) - [@ladunjexa](https://t.me/ladunjexa)

Project Link: [https://github.com/ladunjexa/Next-Portfolio-Web](https://github.com/ladunjexa/Next-Portfolio-Web)

(back to top)


## :gem: Acknowledgements

This section used to mention useful resources and libraries that used in Next-Portfolio

 - [styled components](https://styled-components.com/)

 - [styled normalize](https://www.npmjs.com/package/styled-normalize)

 - #JSMastery

(back to top)