My Portfolio

Technologies Used

React

Next.js

Tailwind

GSAP

Features

● Dynamic and interactive user interface using React and its reusable components
● Optimized with Next.js to develop a fast and SEO-friendly web application
● Responsive and modern UI design using Tailwind CSS
● Smooth animations and transitions using GSAP (GreenSock Animation Platform)

Usage

This web app is built for the users to browse through my portfolio and reach out to me. The app consists of two pages:

● Homepage: Displays an overview of the portfolio and provides easy navigation to different sections.
• ○ Hero section: Provides a brief introduction and captures viewers' attention.
• ○ Skills section: Highlights my technical skills, such as programming languages, frameworks, and tools I am proficient in.
• ○ About section: Shares more information about my background, interests, and passion for frontend development.
• ○ Portfolio section: Showcases my personal projects, including their mockup images and brief descriptions. Each project has three call-to-action buttons linking to its respective project-details page, live demo, and GitHub repository.
• ○ Contact section: Provides my contact information and a contact form for viewers to get in touch with me.
● Project-details page: A dynamic page that displays the details of a project based on the URL parameter. Each project has its own unique page, accessible through the project list on the Portfolio section of homepage. It includes:
• ○ Brief summary of the selected project.
• ○ Mockup images to provide viewers with a visual representation of how the app looks on different devices.
• ○ More detailed information about the project, including its features, usage, technologies used, and future development plans.
• ○ Links to the project's live demo and source code.

Future Development Plans

Although the app is functioning properly, I plan to make further improvements in the near future. These include:

● Include a demo walkthrough video on the project details page to provide a better understanding of each project.
● Continuously improve the UI/UX based on user feedback to enhance the overall user experience and visual appeal.
● Add a blog section to share my thoughts and insights on the frontend development topics and trends.