https://github.com/annaburd/web-portfolio

A website-portfolio for a beginner developer/freelancer.
https://github.com/annaburd/web-portfolio

beginner framer-motion i18n nextjs portfolio simple-project website

Last synced: 11 months ago
JSON representation

A website-portfolio for a beginner developer/freelancer.

• Host: GitHub
• URL: https://github.com/annaburd/web-portfolio
• Owner: AnnaBurd
• Created: 2023-11-27T08:07:38.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-10-07T08:38:39.000Z (over 1 year ago)
• Last Synced: 2024-10-24T18:30:22.443Z (over 1 year ago)
• Topics: beginner, framer-motion, i18n, nextjs, portfolio, simple-project, website
• Language: TypeScript
• Homepage: https://annaburd.me/
• Size: 37.1 MB
• Stars: 3
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# [Web Portfolio - AnnaBurd ][url]

![](preview/mockup.png)

> A simple and user-friendly web portfolio designed for multilingual web developers, suitable for beginners or freelancers. Developed with Next.js, TypeScript, and Tailwind CSS, this project focuses on showcasing your projects in a structured and accurate manner.

[url]: https://annaburd.me/ "Anna's portfolio"

[![Netlify Status](https://api.netlify.com/api/v1/badges/616ca1c2-abb2-438f-93a5-a0c52a71104b/deploy-status)](https://app.netlify.com/sites/annaburd/deploys)

In the ever-evolving digital landscape, **personal branding** is not merely a choice - it's a necessity, especially in the fiercely competitive job market for aspiring developers. A **standout portfolio is a contemporary requirement nowadays** - without one, the journey to securing your first job can be an uphill battle.

Fortunately, there's no shortage of open-source portfolios for inspiration. You can explore curated lists such as:

1. [emmabostian/developer-portfolios](https://github.com/emmabostian/developer-portfolios)

   > A compilation of developer portfolios for your creative inspiration.

2. [Evavic44/portfolio-ideas](https://github.com/Evavic44/portfolio-ideas)

   > A curation of awesome portfolio website ideas for developers and designers to draw inspiration from.

3. [Renovamen/playground-macos](https://github.com/Renovamen/playground-macos)

   > An innovative portfolio website that simulates the macOS GUI.

However, most existing portfolios are written exclusively in English (or another single language), leaving a gap for those who communicate in multiple languages.

This project addresses that gap, concentrating on **multilingual beginner developers and freelancers**, offering robust internationalization support (with i18n). On the downside, it multiplies the task of content writing, necessitating a copy for each language you know.

[**Visit Live Site**][url]

## Key Features

- i18n support

- Mobile-first responsive design

## Designed with and Built with

For a comprehensive view of all dependencies, including exact versions, feel free to explore the details in the [package.json](https://github.com/AnnaBurd/web-portfolio/blob/main/package.json) file.

| Name                                                                                                                       | Usage                                                 |

| -------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------- |

| ![TypeScript Badge](https://img.shields.io/badge/TypeScript-3178C6?logo=typescript&logoColor=fff&style=flat-square)        | A superset of JavaScript with static typing.          |

| ![React Badge](https://img.shields.io/badge/React-61DAFB?logo=react&logoColor=000&style=flat-square)                       | JavaScript library for building user interfaces.      |

| ![Next.js Badge](https://img.shields.io/badge/Next.js-000?logo=nextdotjs&logoColor=fff&style=flat-square)                  | React framework for building web applications.        |

| ![i18next Badge](https://img.shields.io/badge/i18next-26A69A?logo=i18next&logoColor=fff&style=flat-square)                 | An internationalization framework for JavaScript.     |

| ![Headless UI Badge](https://img.shields.io/badge/Headless%20UI-66E3FF?logo=headlessui&logoColor=000&style=flat-square)    | Set of completely unstyled UI components.             |

| ![Markdown Badge](https://img.shields.io/badge/Markdown-000?logo=markdown&logoColor=fff&style=flat-square)                 | Lightweight markup language for formatting text.      |

| ![Figma Badge](https://img.shields.io/badge/Figma-F24E1E?logo=figma&logoColor=fff&style=flat-square)                       | Collaborative interface design tool.                  |

| ![Tailwind CSS Badge](https://img.shields.io/badge/Tailwind%20CSS-06B6D4?logo=tailwindcss&logoColor=fff&style=flat-square) | Utility-first CSS framework for rapid UI development. |

## Getting Started

| Command           | Action                                       |

| :---------------- | :------------------------------------------- |

| `npm install`     | Installs dependencies                        |

| `npm run dev`     | Starts local dev server at `localhost:3000`  |

| `npm run build`   | Build your production site to `./.next/`     |

| `npm run preview` | Preview your build locally, before deploying |

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

## Project Structure

The project uses the `NextJS app router` and file-based routing.

## Deployment

The project can be deployed to Vercel/Netlify hosting (tested on Netlify).

## 👀 Want to contribute?

1. Fork project ()

2. Create your feature branch (`git checkout -b feature/fooBar`)

3. Commit your changes (`git commit -am 'Add some fooBar'`)

4. Push to the branch (`git push origin feature/fooBar`)

5. Create a new Pull Request

[Discuss Issues](https://www.linkedin.com/in/anna-burdanova-b91453218/)