Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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: 28 days 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 (about 2 months ago)
Default Branch: main
Last Pushed: 2024-12-10T06:04:39.000Z (about 1 month ago)
Last Synced: 2024-12-10T06:31:22.945Z (about 1 month ago)
Topics: modern, portfolio, react-native, react-portfolio, website
Language: JavaScript
Homepage: https://react-portfolio-livid-delta.vercel.app/
Size: 7.55 MB
Stars: 0
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)