https://github.com/manuj-rai/react-portfolio

Responsive React-Portfolio with ParticlesJS effect..
https://github.com/manuj-rai/react-portfolio

modern portfolio react-native react-portfolio website

Last synced: about 2 months ago
JSON representation

Responsive React-Portfolio with ParticlesJS effect..

• Host: GitHub
• URL: https://github.com/manuj-rai/react-portfolio
• Owner: manuj-rai
• Created: 2024-11-28T06:55:43.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2026-02-02T09:33:50.000Z (5 months ago)
• Last Synced: 2026-02-02T22:40:32.349Z (5 months ago)
• Topics: modern, portfolio, react-native, react-portfolio, website
• Language: JavaScript
• Homepage: https://manuj-rai-react-portfolio.vercel.app/
• Size: 9.16 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Security: SECURITY.md

Awesome Lists containing this project

README

          


# Modern Portfolio using Next.js and Framer Motion

![Modern Portfolio using Next.js and Framer Motion](/.github/images/img_main.png "Modern Portfolio using Next.js and Framer Motion")

# :notebook_with_decorative_cover: Table of Contents

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

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

- [Screenshots](#camera-screenshots)

- [Tech Stack](#gear-tech-stack)

- [Contribute](#raised_hands-contribute)

- [Give A Star](#star-give-a-star)

## :bangbang: Folder Structure

Here is the folder structure of this app.

```bash

modern-portfolio/

  |- components/

  |- pages/

    |-- about/

    |-- contact/

    |-- services/

    |-- testimonials/

    |-- work/

    |-- _app.jsx

    |-- index.jsx

  |- public/

  |- styles/

    |-- globals.css

  |- .eslintrc.json

  |- .gitignore

  |- next.config.js

  |- package-lock.json

  |- package.json

  |- postcss.config.js

  |- tailwind.config.js

  |- variants.js

```




## :toolbox: Getting Started

1. Make sure **Git** and **NodeJS** is installed.

2. Clone this repository to your local computer.

3. Open terminal in root directory. Run `npm install --legacy-peer-deps` or `yarn install --legacy-peer-deps`.

4. Now app is fully configured 👍 and you can start using this app using `npm run dev` or `yarn dev`.

## :camera: Screenshots:

![Modern UI/UX](/.github/images/img1.png "Modern UI/UX")

![Services](/.github/images/img2.png "Services")

![Showcase Projects](/.github/images/img3.png "Showcase Projects")

![Contact Form](/.github/images/img4.png "Contact Form")

## :gear: Tech Stack

[![React JS](https://skillicons.dev/icons?i=react "React JS")](https://react.dev/ "React JS") [![Next JS](https://skillicons.dev/icons?i=next "Next JS")](https://nextjs.org/ "Next JS") [![JavaScript](https://skillicons.dev/icons?i=js "JavaScript")](https://developer.mozilla.org/en-US/docs/Web/JavaScript "JavaScript") [![Tailwind CSS](https://skillicons.dev/icons?i=tailwind "Tailwind CSS")](https://tailwindcss.com/ "Tailwind CSS") [![Netlify](https://skillicons.dev/icons?i=netlify "Netlify")](https://netlify.app/ "Netlify")

## :raised_hands: Contribute

You might encounter some bugs while using this app. You are more than welcome to contribute. Just submit changes via pull request and I will review them before merging. Make sure you follow community guidelines.

## :star: Give A Star

You can also give this repository a star to show more people and they can use this repository.




(back to top)