Skip to content

A comprehensive Next.js portfolio for showcasing a fullstack developer's skills, projects, and experience. Built with TypeScript, Tailwind CSS, and designed using Figma for a polished UI/UX.

License

Notifications You must be signed in to change notification settings

DanielPenalozaB/portfolio-old

Repository files navigation

Fullstack Developer Portfolio - Next.js, TypeScript, Tailwind CSS, Figma

Overview

Welcome to my Fullstack Developer Portfolio, a showcase of my skills, projects, and experience in web development. Crafted using Next.js, TypeScript, Tailwind CSS, and designed with Figma, this portfolio embodies a fusion of modern tech and elegant design.

Table of Contents

Key Features

  • Stunning Design: Meticulously crafted with Figma to ensure a visually appealing and intuitive user interface.
  • Responsive Layout: Mobile-first design approach, providing a seamless experience across various devices and screen sizes.
  • Next.js Advantage: Leveraging the power of server-side rendering and intuitive API routes for optimal performance.
  • TypeScript Integration: Embracing type safety and enhanced developer productivity.
  • Tailwind CSS Customization: Utilizes Tailwind CSS for a responsive, utility-first approach with easy customization.

Technology Stack

  • Next.js - React framework for server-rendered applications.
  • TypeScript - Bringing type safety to JavaScript.
  • Tailwind CSS - A utility-first CSS framework for rapid UI development.
  • Figma - Design tool for creating beautiful interfaces.

Getting Started

  1. Clone the repository:

    git clone https://github.com/yourusername/your-repository.git
  2. Install dependencies:

    cd your-repository
    npm install
  3. Run the development server:

    npm run dev
  4. Open your browser:

    Visit http://localhost:3000 to explore the portfolio.

Usage and Customization

Feel free to use this project as a template for your own portfolio. Customize the content, integrate your projects, and personalize the styling to reflect your unique identity.

Project Structure

The project is structured as follows:

src/
├── /app # Next.js pages and all routing
├── /components # React components
├── /styles # Tailwind CSS styles
├── /public # Static assets
├── /utils # Utility functions
├── next.config.js # Next.js configuration
└── ... # Other files and configurations

Contributing

Contributions are highly appreciated! Please feel free to raise issues or submit pull requests to enhance this project.

License

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

About

A comprehensive Next.js portfolio for showcasing a fullstack developer's skills, projects, and experience. Built with TypeScript, Tailwind CSS, and designed using Figma for a polished UI/UX.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages