Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: about 2 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 (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-07T08:38:39.000Z (4 months ago)
- Last Synced: 2024-10-24T18:30:22.443Z (3 months 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/)