Skip to content

Anastasia-front/portfolio

Repository files navigation

Documentation in Ukrainian 🇺🇦.



My portfolio

This website is my portfolio that contain a lot of information about me as developer and my projects.

Content

Project overview

With this website you can get acquainted with my skills, certificate and can contact with me by sending an email through form.

Technologies and libraries used

The project was implemented using the following technologies and libraries:

Next.js Typescript Next-intl Next-theme React React-dom React-hook-form React-hook-form-persist React-hook-form-resolvers React-three-drei React-three-fiber React-scroll React-tilt React-responsive React-icons Three.js Framer-motion Axios Buffer Postcss Dotenv File-loader Lottie-web Sharp Swiper Url-loader Wouter Yup Uuid-by-string

Implemented in the project the following functionality

  • SEO
  • site navigation
  • theme changing
  • adaptive layout
  • various sliders
  • improved accessibility
  • resource loading is optimized
  • localization and internationalization (L10n and i18n)
  • sending information using forms (validation is present)
  • easy content management (find all text in the en(uk).json files)

Mockups

home page about page skills page projects page contacts page

Screenshots

home page about page skills page projects page contacts page

Default documentation of Next.js

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

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

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.