Preview
Preview the live demo:
Tools & Technologies
- Next.js.
- TailwindCSS
- Headlessui/react
Features
- Mobile Responsive
- Light and Dark mode based on the user system by default.
- Animations on scroll.
- Custom 404 page.
- Project section uses Markdown.
- Custom vertical and horizontal scrollbar for light/dark theme.
Project Overview
My personal website is made by Next.js, to help me show my work and projects, then share my knowledge in the blog part which will be created soon.
The website/portfolio is detect automatically if you are using dark mode and adapt that to the website, of course, you still have the ability of changing that manually.
The projects section of the page uses the Markdown files to create each project, the page you are reading now is just a markdown file rendered in the HTML.
The projects have been sorted by date coming from the markdown meta.
Note
My personal website/portfolio is not done yet, it will receive a lot of updates and improvement quite often.