All Projects → ShaifArfan → AYANs-portfolio

ShaifArfan / AYANs-portfolio

Licence: MIT license
A portfolio for a web designer. We used React js to make this portfolio. A clean design with full responsiveness. You will find this portfolio very professional. Also we added smooth scroll in the portfolio which will make the user experience really elegant.

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to AYANs-portfolio

Portfolio
Nuxt & Vue based new portfolio website 🚀
Stars: ✭ 24 (-79.66%)
Mutual labels:  portfolio-website
JayantGoel001.github.io
My Personal Portfolio.
Stars: ✭ 31 (-73.73%)
Mutual labels:  portfolio-website
home
Personal portfolio site of Faraz Shaikh.
Stars: ✭ 18 (-84.75%)
Mutual labels:  portfolio-website
Portfolio
A responsive portfolio app made with flutter web.
Stars: ✭ 43 (-63.56%)
Mutual labels:  portfolio-website
developerIdentity
Developers Identity(Portfolio) Template that helps you showcase your work and skills as a software developer.
Stars: ✭ 21 (-82.2%)
Mutual labels:  portfolio-website
programmergaurav.github.io
Portfolio
Stars: ✭ 27 (-77.12%)
Mutual labels:  portfolio-website
portfolio-react
OpenSource Portfolio Website. feel free to fork this repo
Stars: ✭ 64 (-45.76%)
Mutual labels:  portfolio-website
portfolio
The flutter code for my portfolio website 💁‍♂️
Stars: ✭ 28 (-76.27%)
Mutual labels:  portfolio-website
Bootstrap4Resume
A single-page static resume website created with Bootstrap 4
Stars: ✭ 36 (-69.49%)
Mutual labels:  portfolio-website
personal-website
GitHub monorepo that runs my personal website.
Stars: ✭ 30 (-74.58%)
Mutual labels:  portfolio-website
hugo-uilite
uicard.io/products/hugo-uilite
Stars: ✭ 85 (-27.97%)
Mutual labels:  portfolio-website
gatsby-starter-portfolio-minimal-theme
A Gatsby Starter Project to get started with the Portfolio Minimal Theme.
Stars: ✭ 80 (-32.2%)
Mutual labels:  portfolio-website
portfolio
This is my portfolio which is also a template. Feel free to fork, star, and use it.
Stars: ✭ 86 (-27.12%)
Mutual labels:  portfolio-website
website
The Official Open-Source version of Gigabyte Developers Incorporated webpage
Stars: ✭ 19 (-83.9%)
Mutual labels:  portfolio-website
hugo-toha.github.io
An example hugo static site with Toha theme.
Stars: ✭ 59 (-50%)
Mutual labels:  portfolio-website
another-portfolio
An eye-catching developer Portfolio, Built on NextJS.
Stars: ✭ 227 (+92.37%)
Mutual labels:  portfolio-website
gfolio
Google Search themed portfolio website, made using ReactJS
Stars: ✭ 130 (+10.17%)
Mutual labels:  portfolio-website
MainakFolio
My Portfolio Website
Stars: ✭ 21 (-82.2%)
Mutual labels:  portfolio-website
template portfolio
A template for your own Portfolio.
Stars: ✭ 15 (-87.29%)
Mutual labels:  portfolio-website
Portfolio-Saurav-Mukherjee
Portfolio website build using HTML5, CSS3, JavaScript and jQuery.
Stars: ✭ 48 (-59.32%)
Mutual labels:  portfolio-website

Ayan's Portfolio website [React Project]

Watch On YouTube YouTube Video Views : Watch Now

Live Preview: Open Link


Made with ❤️ by Shaif Arfan

Like my works and want to support me?

Buy Me A Coffee


Project Details

A portfolio for a web designer. We used React js to make this portfolio. A clean design with full responsiveness. You will find this portfolio very professional. Also, we added smooth scroll in the portfolio which will make the scroll experience really elegant.

This is a beginner-friendly react js project. There will be a full free step-by-step tutorial on YouTube. This project is made for education purposes by the Team web cifar. We are going to learn so many things through this project especially how to work with React Js. React Js is one of the hottest techs for web dev. Through this project, we will have a good understanding of react js. Besides React js we are going to use many other techs. Also, there will be a full project tutorial playlist on YouTube so that you can get the step-by-step guide to make this portfolio.

Project Requirement

  1. HTML, CSS
  2. JavaScript
  3. React Basic (optional)

What we are going to Use/learn

  • React
  • React Hooks
  • Styled Components
  • Swiper js
  • React Transition Group
  • Smooth Scrollbar
  • React Icons
  • React Router Dom
  • More...

Starter Files

For the starter files, we created a branch in this repository named starter_files. You need to change the branch in the top corner of the repo then you will get the starter files and now you can clone the repo or download it.

Getting Started

The recommended way to get started with the project is Follow the YouTube tutorial. You will find all the step-by-step guides for free. Or you Can start the project on your own by following the guide below.

After getting the starter files, you need to go the file directory and run

npm install

and after that start the live server.

npm start

want to use the website ?

This website is made for educational purposes. Also, this will be free to use. Though a proper credit will be appreciated.

Other projects

📚 All Web Cifar Project Tutorials

If you like the tutorial, please share this with others.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].