Skip to content

The capstone project for Advanced React course: simple elegant demo portfolio using React + Chakra UI + Formik + Yup

Notifications You must be signed in to change notification settings

3omdawy/react-portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React demo portfolio

Capstone project for Meta Advanced React course: portfolio page with top navbar and footer + 3 sections (hero - projects - contact me)

Output

  1. Top navbar and hero section Hero

  2. Projects section Projects

  3. Contact section and footer Contact

Technical Highlights

  • Navbar containing external and internal links (with smooth scrolling). It disappears on scrolldown event and reappears on scrollup event
  • UI is done with Chakra UI (not responsive on all devices, runs well on large screens only)
  • Form and its validation are done with Formik and Yup

Steps

git clone https://github.com/3omdawy/react-portfolio.git
cd react-portfolio
npm install
npm start

About

The capstone project for Advanced React course: simple elegant demo portfolio using React + Chakra UI + Formik + Yup

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published