Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/subramanyaks/myreactapp

My Portfolio website v2 using react JS framework. completed initial development.
https://github.com/subramanyaks/myreactapp

bootstrap css developer-portfolio html javascript netlify-deployment personal-portfolio personal-portfolio-website personal-website portfolio react react-bootstrap react-portfolio react-portfolio-website reactjs

Last synced: about 1 month ago
JSON representation

My Portfolio website v2 using react JS framework. completed initial development.

Awesome Lists containing this project

README 

        
# My React Portfolio



[![Netlify Status](https://api.netlify.com/api/v1/badges/f16a267e-7689-4a90-b42c-8becaad56141/deploy-status)](https://app.netlify.com/sites/subramanyaks/deploys)

[![GitHub license](https://img.shields.io/github/license/SubramanyaKS/MYReactApp?style=for-the-badge)](https://github.com/SubramanyaKS/MYReactApp/blob/main/LICENCE)

[![GitHub stars](https://img.shields.io/github/stars/SubramanyaKS/MYReactApp?style=for-the-badge)](https://github.com/SubramanyaKS/MYReactApp/stargazers)

[![GitHub issues](https://img.shields.io/github/issues/SubramanyaKS/MYReactApp?style=for-the-badge)](https://github.com/SubramanyaKS/MYReactApp/issues)

![Repository Size](https://img.shields.io/github/repo-size/SubramanyaKS/MYReactApp?style=for-the-badge)

![Lines of Codes](https://img.shields.io/tokei/lines/github.com/SubramanyaKS/MYReactApp?style=for-the-badge)

![GitHub last commit](https://img.shields.io/github/last-commit/SubramanyaKS/MYReactApp?style=for-the-badge)



Hello folks.This is my new portfolio using React JS UI development library. React JS uses Virtual DOM, thereby creating web applications faster. You can find my old [website](https://subramanyaks.github.io).



### Features.



* Responsive UI

* Animation using tsParticle.

* Smooth Navigation



### Technology used.



* [](https://reactjs.org/)

* [](https://react-bootstrap.github.io/)

* [React tsParticles](https://github.com/matteobruni/tsparticles)



---



### Prerequisits.



* [![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white)](https://nodejs.org/) must be installed before installing the project.

* [![Git](https://img.shields.io/badge/git-%23F05033.svg?style=for-the-badge&logo=git&logoColor=white)](https://git-scm.com/) must be installed to clone this project.

* Operating System used is Windows  (Note: in linux i have not tested it).

* You may use any editor of your choice (Recommended VS Code).



---



### Run and Setup



1. Fork the Project and clone Repository using git clone



```

git clone https://github.com/SubramanyaKS/MyReactApp.git

```



2.  Install all dependency in package.json



```

npm install

```



3.  Run application using command



```

npm start

```



5. Automatically open the website in localhost



```

http://localhost/3000

```

---



### Contribution



if you want to contribute to this project. 



1. Fork the repository

2. Create a new branch (any name except main and master)

```

git checkout -b xyz

```

3. Make changes and commit your changes.

```

git commit -m "Changes in xyz"

```

4. Push the changes to new branch.

```

git push origin xyz

```

5. Open a pull request



---



### Author



**Subramanya K S**



---

### Demo 🚀. 



The portfolio is deployed in netlify platform.



[Portfolio](https://subramanyaks.netlify.app/)



---

### License 📄.



This project is licensed under the GNU General public License v3 License - see the `LICENSE.md` file for details



---

**Note:Particle effect has been removed. if you want just import the component at your desired page**

**Note: For Particle Effect please refer:**             

[This tutorial](https://www.youtube.com/watch?v=uuohRbc18zE)



If you like this don't forget to ⭐ the repository.



Thank You for visiting

Have a nice day 😊