A modern, ambient portfolio template, meticulously crafted for Software Developers to showcase their skills and projects with elegance.
Live Demo: gaurav-bansal.vercel.app
Explore the live version of the website and see it in action. If you find it useful, don't forget to leave a ⭐ on the repo!
- 🔥 Open-Source: Customize as per your needs.
- ⚛️ Built with React & Tailwind CSS: Clean and fast.
- ✨ Easy Customization: Modify it effortlessly.
Before starting, ensure that you have the following installed on your local machine:
- Node.js (14.x or higher): Install Node.js
- npm (comes with Node.js):
- To install npm: Included with Node.js installation
-
Clone the repository: Clone the project repository using Git:
git clone https://github.com/bansalgaurav852/gaurav.bansal.git cd gaurav.bansal
-
Install project dependencies: After cloning the repository, you need to install the required packages.
npm install
To run the development server and start working on the project:
-
Start the development server:
npm run dev
-
Access the app: Once the development server is up and running, open your browser and navigate to:
http://localhost:5173
Vite may automatically open the app in your default browser.
When you're ready to deploy your application, use the following command to create a production build:
npm run build
The built files will be stored in the dist/ directory. You can deploy this directory to your preferred hosting service.
To test the production build locally, you can use the following command:
npm run preview
This will start a local server to preview the production build.
The project structure is organized as follows:
.
├── node_modules/ # All installed dependencies
├── public/ # Static files like images, fonts, etc.
├── src/ # Main source files for the project
│ ├── assets/ # Application assets such as images and icons
│ ├── components/ # React components of the app
│ ├── App.jsx # Main App component
│ ├── main.jsx # Entry point for the app
│ └── index.css # Global styles
├── .gitignore # Files to be ignored by Git
├── index.html # HTML template for the app
├── package.json # Project metadata and dependencies
├── vite.config.js # Vite configuration
└── yarn.lock / package-lock.json # Dependency lock file
Made with ❤️ in India