This project is a portfolio website built using Next.js, Tailwind CSS, and TypeScript. The website provides both desktop and responsive interfaces, allowing users to access information about my work history, projects, about me section, and contact details.
The portfolio page is built using the following technologies:
- Next.js: A React framework for building server-side rendered and statically exported applications.
- Tailwind CSS: A utility-first CSS framework used for styling and layout.
- TypeScript: A statically typed superset of JavaScript, adding static type checking to the language.
To view the portfolio page locally, follow these steps:
- Clone the repository to your local machine or download the source code as a ZIP file.
- Open a terminal and navigate to the project directory.
- Install the dependencies by running the command
yarn install. - Start the development server with the command
yarn dev. - Open your web browser and visit the URL provided by the development server.
The desktop interface of the portfolio page provides a clear and organized layout, featuring the following sections:
-
About Me: This section provides an in-depth overview of the me, background, skills, and aspirations.
-
My Work History: This section displays the my professional work history, including previous job positions, companies, and respective dates of employment.
-
My Projects: The "My Projects" section showcases the my various projects with brief descriptions and links to view more details or visit the project's live demo.
-
Contact Me: The "Contact Me" section contains a contact form or contact details through which visitors can get in touch with me.
The portfolio page is designed to be responsive, adapting to different screen sizes and devices, such as tablets and smartphones. The responsive interface ensures an optimal user experience regardless of the device used to access the website.
Once the web page is loaded, users can navigate through the different sections:
- Read the "About Me" section to learn more about the owner and their skills.
- Click on the "My Work History" link to view the my work history.
- Explore the "My Projects" section to see the my showcased projects.
- Contact the owner using the "Contact Me" section.
The responsive design ensures that the portfolio page remains visually appealing and functional on various devices.
This project is licensed under the MIT License.
Design was heavily inspired by Brittany Chiang's portfolio page.