Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rleite-it/dark-portfolio

A modern, dark-themed portfolio template built with Next.js, React, and TailwindCSS. Perfect for developers and designers looking to showcase their work with style.
https://github.com/rleite-it/dark-portfolio

dark-theme framer-motion nextjs portfolio react tailwindcss typescript

Last synced: 4 months ago
JSON representation

A modern, dark-themed portfolio template built with Next.js, React, and TailwindCSS. Perfect for developers and designers looking to showcase their work with style.

Host: GitHub
URL: https://github.com/rleite-it/dark-portfolio
Owner: rleite-it
License: mit
Created: 2024-08-21T19:14:49.000Z (6 months ago)
Default Branch: master
Last Pushed: 2024-08-25T18:32:16.000Z (5 months ago)
Last Synced: 2024-09-29T00:10:53.761Z (4 months ago)
Topics: dark-theme, framer-motion, nextjs, portfolio, react, tailwindcss, typescript
Language: TypeScript
Homepage: https://dark-portfolio-template-demo.vercel.app/
Size: 2.7 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# Darkfolio - A Modern Dark-Themed Portfolio Template

![Next.js](https://img.shields.io/badge/Next.js-14.2.5-blue?style=flat-square)
![React](https://img.shields.io/badge/React-18-blue?style=flat-square)
![TailwindCSS](https://img.shields.io/badge/TailwindCSS-3.4.1-06B6D4?style=flat-square)
![TypeScript](https://img.shields.io/badge/TypeScript-5-blue?style=flat-square)

## Description

**Darkfolio** is a sleek, dark-themed portfolio template built with modern web technologies. This template is perfect for developers and designers who want to showcase their work with style. The project leverages Next.js for server-side rendering and static site generation, React for building user interfaces, and TailwindCSS for utility-first styling. Framer Motion is used for smooth animations, enhancing the user experience with fluid transitions.

## Live Demo

Check out the live demo of the application [here](https://dark-portfolio-template-demo.vercel.app/).

## Features

- **Dark Theme:** A clean and modern dark UI, perfect for portfolio sites.
- **Responsive Design:** Works seamlessly on both desktop and mobile devices.
- **Smooth Animations:** Powered by Framer Motion for a dynamic user experience.
- **Highly Customizable:** Easy to adapt to your personal style and content.

## Installation

To get a local copy up and running, follow these steps:

### Prerequisites

- Node.js (v14 or higher)
- npm (v6 or higher) or yarn

### Clone the Repository

```bash
git clone https://github.com/rleite-it/dark-portfolio.git
cd dark-portfolio
```

### Install Dependencies

```bash
npm install
# or
yarn install
```

### Running Locally

Start the development server:

```bash
npm run dev
# or
yarn dev
```

Open http://localhost:3000 with your browser to see the result.

### Building for Production

To create an optimized production build:

```bash
npm run build
# or
yarn build
```

To start the production server:

```bash
npm run start
# or
yarn start
```

## License

This project is licensed under the MIT License. See the [LICENSE](./LICENSE) file for more details.

## Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.

1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request