React JS Portfolio Website

Project Statistics	🌟 Stars	🍴 Forks	🐛 Issues	🔔 Open PRs	🔕 Close PRs
Project

Features

📖 Single-Page Layout

🎨 Styled with React, Bootstrap, CSS and Figma with easy to customize colors

📱 Fully Responsive

🚀 How to get started?

Clone down this repository. You will need node.js and git installed globally on your machine.

1. Navigate to GitHub Repository

   • Open your web browser and go to GitHub.

2. Login to Your GitHub Account

   • If you're not already logged in, click the "Sign In" button at the top right corner of the page and enter your credentials.

3. Find the Repository

   • Use the GitHub search bar at the top of the page to search for the repository you want to clone.

4. Access the Repository

   • Click on the repository's name in the search results or navigate to it through your GitHub account.

5. Clone the Repository

   • Click the "Code" button, which is located on the right side of the repository page, just above the file list.

6. Copy the Clone URL

   • In the dropdown, ensure "HTTPS" is selected, and then click the clipboard icon to copy the URL to your clipboard.

7. Open a Terminal

   • Open a terminal or command prompt on your local machine.

8. Navigate to the Directory Where You Want to Clone the Repository

   • Use the cd command to move to the directory where you want to store the cloned repository.

9. Clone the Repository

   • In the terminal, use the following command to clone the repository, replacing <repository-url> with the URL you copied in step 6:

     git clone <repository-url>

   For example:

   git clone https://github.com/username/repository-name.git

🛠 Installation and Setup Instructions

1. Installation: npm install or npm i

2. In the project directory, you can run: npm run start or npm start

3. You can start the development server by npm run dev

   
   

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser. The page will reload if you make edits.

Project tree

📦 
├─ .github
│  └─ ISSUE_TEMPLATE
│     ├─ bug_report.md
│     └─ feature_request.md
├─ .gitignore
├─ CODE_OF_CONDUCT.md
├─ CONTRIBUTING.md
├─ LICENSE
├─ README.md
├─ SECURITY.md
├─ logo.png
├─ package-lock.json
├─ package.json
├─ public
│  ├─ index.html
│  └─ logo.png
└─ src
   ├─ App.jsx
   ├─ assets
   │  ├─ 60060357-3D05-48DB-847B-EE3047F452F8_1_201_a.jpeg
   │  ├─ NirmalyaMondal_Resume.pdf
   │  ├─ Profile.jpeg
   │  ├─ Profile.png
   │  ├─ Signin.Signup.gif
   │  ├─ SigninSignup.gif
   │  ├─ Tripboss.jpeg
   │  ├─ bg-texture.png
   │  ├─ clock.png
   │  ├─ linkedin.png
   │  ├─ logo.png
   │  ├─ p1.png
   │  └─ textanalyzer.jpeg
   ├─ components
   │  ├─ contact
   │  │  ├─ Contact.jsx
   │  │  └─ contact.css
   │  ├─ experience
   │  │  ├─ Experience.jsx
   │  │  └─ experience.css
   │  ├─ footer
   │  │  ├─ Footer.jsx
   │  │  └─ footer.css
   │  ├─ header
   │  │  ├─ CTA.jsx
   │  │  ├─ Header.jsx
   │  │  ├─ HeaderSocials.jsx
   │  │  └─ header.css
   │  ├─ intro
   │  │  ├─ Intro.jsx
   │  │  └─ intro.css
   │  ├─ projects
   │  │  ├─ Projects.jsx
   │  │  └─ portfolio.css
   │  ├─ testimonials
   │  │  ├─ Testimonials.jsx
   │  │  └─ testimonials.css
   │  └─ topbar
   │     ├─ Topbar.jsx
   │     └─ topbar.css
   ├─ index.css
   └─ index.js

©generated by Project Tree Generator project url: https://roadmap.sh/projects/single-page-cv Feel free to contribute to this repo.

Show some ❤️  by giving the star ⭐ to this repository!!

🧠 HAPPY HACKING 🧠