This is my personal portfolio website built with React and deployed using GitHub Pages. Visit the live site at rohitdavas.github.io.
- React.js
- Styled Components
- GitHub Pages
- Clone the repository:
git clone https://github.com/rohitdavas/rohitdavas.github.io.git
cd rohitdavas.github.io- Install dependencies:
npm install- Start the development server:
npm startThe app will run in development mode at http://localhost:3000.
This website is deployed using GitHub Pages. The deployment process is automated using the gh-pages package.
- Install gh-pages if not already installed:
npm install --save gh-pages- In
package.json, ensure you have:
{
"homepage": "https://rohitdavas.github.io",
"scripts": {
"predeploy": "npm run build",
"deploy": "gh-pages -d build"
}
}- Build and deploy the website:
npm run deployThis command will:
- Build the React application
- Push the built files to the
gh-pagesbranch - Deploy the website to GitHub Pages
- After deployment, your changes will be live at rohitdavas.github.io
- Always commit and push your changes to the main branch before deploying
- The deployment process may take a few minutes to reflect on the live site
- Make sure your repository settings have GitHub Pages enabled and pointing to the gh-pages branch
npm start- Runs the app in development modenpm test- Launches the test runnernpm run build- Builds the app for productionnpm run deploy- Deploys the app to GitHub Pages
rohitdavas.github.io/
├── src/
│ ├── components/ # Reusable React components
│ ├── pages/ # Page components
│ ├── data/ # Content data files
│ └── styles/ # Styled components and themes
├── public/ # Static files
└── package.json # Project dependencies and scripts
- [] add languages
- add profile picture