Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/danielpenalozab/portfolio-old
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.
https://github.com/danielpenalozab/portfolio-old
figma fullstack-development nextjs portfolio tailwindcss typescript web-development
Last synced: about 6 hours ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/danielpenalozab/portfolio-old
- Owner: DanielPenalozaB
- License: mit
- Created: 2023-10-30T22:00:55.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-06-11T21:57:24.000Z (8 months ago)
- Last Synced: 2025-01-31T10:50:01.903Z (about 10 hours ago)
- Topics: figma, fullstack-development, nextjs, portfolio, tailwindcss, typescript, web-development
- Language: TypeScript
- Homepage: https://danielpenalozab.com/
- Size: 2.19 MB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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
- [Fullstack Developer Portfolio - Next.js, TypeScript, Tailwind CSS, Figma](#fullstack-developer-portfolio---nextjs-typescript-tailwind-css-figma)
- [Overview](#overview)
- [Table of Contents](#table-of-contents)
- [Key Features](#key-features)
- [Technology Stack](#technology-stack)
- [Getting Started](#getting-started)
- [Usage and Customization](#usage-and-customization)
- [Project Structure](#project-structure)
- [Contributing](#contributing)
- [License](#license)
## 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](https://nextjs.org/) - React framework for server-rendered applications.
- [TypeScript](https://www.typescriptlang.org/) - Bringing type safety to JavaScript.
- [Tailwind CSS](https://tailwindcss.com/) - A utility-first CSS framework for rapid UI development.
- [Figma](https://www.figma.com/) - Design tool for creating beautiful interfaces.
## Getting Started
1. **Clone the repository:**
```bash
git clone https://github.com/yourusername/your-repository.git
```
2. **Install dependencies:**
```bash
cd your-repository
npm install
```
3. **Run the development server:**
```bash
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](LICENSE) file for details.