This is a React project showcasing my projects, skills, education and my business contact information.
After completing this project, I have learned how to use several packages, such as framer motion which is very useful for animations, React Responsive Carousel for easly customizable carousels and React-router-hash-link which helps smooth scrolling between sections.
During this project, I have maintained clean code principles and consistent folder structure for better understanding of this repository.
Environment: React, TailwindCSS, JavaScript
Packages:
- React Responsive Carousel (Projects carousel)
- React-hook-form (Validation)
- Framer Motion (Animations)
- React-router-hash-link (Navigation)
- Particles.js (Background effect)
- EmailJS (Contact me data sender)
- Animations
- Responsive carousel
- Contact me form with validations
- Live preview
- Fully responsive
- Cross platform
- Smooth navigation
- Clean code
| Color | Hex |
|---|---|
| Dark Color | |
| Light Color | |
| Crimson |
├── public
│ └── images
├── src
│ └── components
│ └── GlobalComponent
│ ├── GlobalComponent.jsx
│ └── index.js
├── config
├── hooks
└── pages
└── page
├── PageComponents
├── Page.jsx
└── index.js
- .eslintrc.json
- .prettierrc.json
- jsconfig.json
- package-lock.json
- package.json
- README.mds
- tailwind.config.js