This is my first portfolio website built using Vite and React technologies. I used TailwindCSS for styling and included some packages such as Swiper.js, Hero Icons, React Icons, React Animated Number, React Scroll and Framer Motion.
This website created by best new technology like:
- React.js
- Tailwindcss
and awesome packages like:
- Swiper.js
- Hero Icons
- React Icons
- Netlify
- React Animated Numbers
- React Scroll
- Framer Motion
- Responsive design
- Minimalistic UI with a clean and modern look
- Smooth animations using Framer Motion
- Interactive scroll experience with React Scroll
- Easy-to-use and customizable Swiper.js carousel
- Animated numbers using React Animated Number
Use the package manager npm or yarn to install dependencies and run the project.
npm install
npm run devor
yarn
yarn devOpen http://localhost:5173 with your browser to see the result.
To learn more about Next.js, take a look at the following resources:
- Vite Documentation - learn about Vite features.
- Vite Community - discussion about Vite.
You can check out the Vite GitHub repository - your feedback and contributions are welcome!
This project is deployed using Netlify. To deploy your own version of this website, you can follow these steps:
- Fork this repository to your own GitHub account
- Connect your GitHub account to Netlify
- Set up a new site on Netlify, pointing to your forked repository
- Configure the build settings on Netlify to use the following command:
npm run build && npm run export - Set the publish directory on Netlify to
out - Click the "Deploy site" button.
- Vite
- React
- TailwindCSS
- Swiper.js
- Hero Icons
- React Icons
- React Animated Number
- React Scroll
- Framer Motion
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Please make sure to update tests as appropriate.
The final step is to see this awesome frontend developer portfolio! Check out link below: