57 lines
2.0 KiB
Markdown
57 lines
2.0 KiB
Markdown
# Personal Portfolio & Blog - Frontend
|
|
|
|
This is the frontend for my personal portfolio, built with [Next.js](https://nextjs.org), [Tailwind CSS](https://tailwindcss.com/), and [TypeScript](https://www.typescriptlang.org/). The project is designed to be a modern, responsive, and performant showcase of my skills and projects.
|
|
|
|
## ✨ Features
|
|
|
|
* **Internationalization (i18n)**: Supports both English and Portuguese, with language switching capabilities.
|
|
* **Dark Mode**: A sleek dark mode that can be toggled by the user, with preferences saved in local storage.
|
|
* **Component-Based Architecture**: Built with reusable React components for maintainability and scalability.
|
|
* **Responsive Design**: Fully responsive layout that looks great on all devices, from mobile phones to desktop screens.
|
|
* **Contact Form**: A functional contact form that communicates with a backend service to send emails.
|
|
|
|
## 🛠️ Tech Stack
|
|
|
|
* **Framework**: [Next.js 15](https://nextjs.org/)
|
|
* **Styling**: [Tailwind CSS 4](https://tailwindcss.com/)
|
|
* **Language**: [TypeScript](https://www.typescriptlang.org/)
|
|
* **Internationalization**: [next-intl](https://next-intl-docs.vercel.app/)
|
|
* **Icons**: [Heroicons](https://heroicons.com/) & [React Icons](https://react-icons.github.io/react-icons/)
|
|
* **Linting**: [ESLint](https://eslint.org/)
|
|
|
|
## 🚀 Getting Started
|
|
|
|
To get a local copy up and running, follow these simple steps.
|
|
|
|
### Prerequisites
|
|
|
|
* Node.js (v18.18 or later)
|
|
* npm, yarn, or pnpm
|
|
|
|
### Installation & Development
|
|
|
|
1. **Clone the repository:**
|
|
```bash
|
|
git clone <your-repository-url>
|
|
cd <your-repository-folder>/frontend
|
|
```
|
|
|
|
2. **Install dependencies:**
|
|
```bash
|
|
npm install
|
|
```
|
|
|
|
3. **Run the development server:**
|
|
The development server uses Turbopack for faster performance.
|
|
```bash
|
|
npm run dev
|
|
```
|
|
|
|
4. **Open your browser:**
|
|
Navigate to [http://localhost:3000](http://localhost:3000) to see the result.
|
|
|
|
### Building for Production
|
|
|
|
To create a production-ready build, run:
|
|
```bash
|
|
npm run build |