Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dulanjalisenarathna/react-js-portfolio-web
React Js Responsive Portfolio Web Application
https://github.com/dulanjalisenarathna/react-js-portfolio-web
dark-theme light-theme portfolio portfolio-site portfolio-website react-portfolio reactjs reactjs-portfolio-website responsive-web-design smooth-scrolling
Last synced: about 2 months ago
JSON representation
React Js Responsive Portfolio Web Application
- Host: GitHub
- URL: https://github.com/dulanjalisenarathna/react-js-portfolio-web
- Owner: DulanjaliSenarathna
- Created: 2024-06-06T09:43:18.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-06-21T06:04:25.000Z (7 months ago)
- Last Synced: 2024-06-21T23:32:11.434Z (7 months ago)
- Topics: dark-theme, light-theme, portfolio, portfolio-site, portfolio-website, react-portfolio, reactjs, reactjs-portfolio-website, responsive-web-design, smooth-scrolling
- Language: JavaScript
- Homepage: https://react-js-portfolio-web.vercel.app/
- Size: 4.37 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Js portfolio web application
**live demo: [https://react-js-portfolio-web.vercel.app/)**
---
### Made with ❤️ by [Dulanjali Senarathna](https://www.linkedin.com/in/dulanjali-senarathna/)
---
## Project Description
Welcome to my personal portfolio website! This application showcases skills, projects, and experiences in a clean and modern design. Built with React, it serves as a digital resume and a demonstration of my front-end development capabilities.
## Feature
- Responsive Design: Accessible on all devices from desktops to mobile phones.
- Toggle between dark theme and light theme.
- Smooth scrolling.
- Smooth Navigation: Uses React Router for seamless single-page application navigation.
- Contact Form: Allows visitors to get in touch with me directly through the site to google excel sheet.
- Customizable: Easy to update and customize with new projects, experiences, and personal information.
## What I used
- [React](https://reactjs.org/)
- [Axios](https://www.npmjs.com/package/axios)
- [Framer Motion](https://www.npmjs.com/package/framer-motion)
- [React icons](https://react-icons.github.io/react-icons/)
- [React scroll](https://www.npmjs.com/package/react-scroll)
- [Swipper](https://swiperjs.com/)
- [Vite](https://vitejs.dev/)
- More...
## Requirements
- Basic ReactJs knowledge
- Basic HTML, SCSS knowledge
## Getting Started
After getting the starter files, you need to go the file directory and run
```shell
npm install
```
and after that start the dev server.
```shell
npm run dev
```
## Tools Used
1. Favicon: [Flaticon.com](https://www.flaticon.com/)
1. Code Editor: [VS Code](https://code.visualstudio.com/)
---
## FAQ
### Q: What are the prerequisites?
basics of html, css, javascript and some basic knowledge of react is enough to start this project. Rest you will learn in the tutorial.
### Q: Who the project is for?
The project is for the people who wanna get more skilled in `ReactJs`.
---
## Feedback
If you have any feedback, please reach out to us at [Dulanjali Senarathna](https://www.behance.net/dulanjasenarathna)
Happy Coding! 🚀
# Website's screenshots
## Dark Theme
## Light Theme
