Modern Responsive Developer Portfolio Landing Page

Table of Contents

• Overview
• Features
• Technologies
• Installation
• Usage
• Testing
• Contributing
• License
• Releases

Overview

This repository contains a modern and responsive landing page designed for a developer's portfolio. Built with Next.js, this template provides a sleek and professional appearance while being easy to customize. It showcases projects, skills, and contact information effectively.

Features

• Fully responsive design
• Easy customization options
• Smooth animations with Framer Motion
• SEO-friendly structure
• Integrated forms using React Hook Form
• Testing setup with Jest and React Testing Library
• Dark mode support

Technologies

This project utilizes a variety of technologies to enhance performance and maintainability:

• Next.js: Framework for server-rendered React applications.
• TypeScript: For type safety and better development experience.
• Tailwind CSS: Utility-first CSS framework for rapid UI development.
• Zustand: State management library for React.
• Zod: Schema validation library for TypeScript.
• PostCSS: Tool for transforming CSS with JavaScript plugins.
• Autoprefixer: Adds vendor prefixes to CSS rules.
• ESLint: Tool for identifying and fixing problems in JavaScript code.
• Jest: JavaScript testing framework.
• Playwright: For end-to-end testing.
• Framer Motion: Animation library for React.
• Lucide React: Icons library for React applications.
• clsx: Utility for constructing className strings.

Installation

To get started with this project, clone the repository and install the dependencies. Run the following commands in your terminal:

git clone https://github.com/toqeer788/portfolio-landing-nextjs.git
cd portfolio-landing-nextjs
npm install

Usage

After installation, you can run the development server:

npm run dev

Open your browser and navigate to http://localhost:3000 to see the landing page in action. You can start customizing the components and styles to fit your portfolio needs.

Testing

This project includes a testing setup using Jest and React Testing Library. To run the tests, execute the following command:

npm test

You can also run end-to-end tests using Playwright:

npm run test:e2e

Contributing

Contributions are welcome! If you want to enhance this project, feel free to fork the repository and submit a pull request. Please ensure that your code follows the project's coding standards and includes relevant tests.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Releases

For the latest updates and releases, visit the Releases section. You can download the latest version and execute it to get started.

Feel free to check the "Releases" section for more details if the link does not work.