Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/nirmalyax/react-folio

Welcome to my dynamic portfolio, meticulously crafted using the power of React! 🌐 Immerse yourself in a seamless user experience that showcases not only my skills but also the potential of modern web development.
https://github.com/nirmalyax/react-folio

bootstrap clodflare cloud css docker figma hacktoberfest html5 reactjs seo vercel

Last synced: about 1 month ago
JSON representation

Host: GitHub
URL: https://github.com/nirmalyax/react-folio
Owner: nirmalyax
License: other
Created: 2023-10-13T21:49:27.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2024-11-15T08:06:29.000Z (about 1 month ago)
Last Synced: 2024-11-15T08:27:25.878Z (about 1 month ago)
Topics: bootstrap, clodflare, cloud, css, docker, figma, hacktoberfest, html5, reactjs, seo, vercel
Language: JavaScript
Homepage: https://nirmalyax.dev/
Size: 9.21 MB
Stars: 3
Watchers: 2
Forks: 5
Open Issues: 2
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md

Awesome Lists containing this project

README

# React JS Portfolio Website

![Protfolio Website](src/assets/60060357-3D05-48DB-847B-EE3047F452F8_1_201_a.jpeg)

![GitHub repo size](https://img.shields.io/github/repo-size/nirmalyax/React-folio?color=yellow) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) [![Open Source Love svg2](https://badges.frapsoft.com/os/v2/open-source.svg?v=103)](https://github.com/ellerbrock/open-source-badges/)

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](https://github.com).

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 `` with the URL you copied in step 6:

```bash
git clone
```

For example:

```bash
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](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](https://woochanleee.github.io/project-tree-generator)
project url: [https://roadmap.sh/projects/single-page-cv](https://roadmap.sh/projects/portfolio-website)
Feel free to contribute to this repo.

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

Ecosyste.ms: Awesome

https://github.com/nirmalyax/react-folio

Awesome Lists containing this project

README

🧠 HAPPY HACKING 🧠