Gigi Lapachishvili Portfolio

This is a React project showcasing my projects, skills, education and my business contact information.

Live version

Table of Contents

• Gains
• Technologies and Libraries
• Features
• Fonts
• Color Reference
• Folder Structure

Gains

After completing this project, I have learned how to use several packages, such as framer motion which is very useful for animations, React Responsive Carousel for easly customizable carousels and React-router-hash-link which helps smooth scrolling between sections.

During this project, I have maintained clean code principles and consistent folder structure for better understanding of this repository.

Technologies and Libraries

Environment: React, TailwindCSS, JavaScript

Packages:

• React Responsive Carousel (Projects carousel)
• React-hook-form (Validation)
• Framer Motion (Animations)
• React-router-hash-link (Navigation)
• Particles.js (Background effect)
• EmailJS (Contact me data sender)

Features

• Animations
• Responsive carousel
• Contact me form with validations
• Live preview
• Fully responsive
• Cross platform
• Smooth navigation
• Clean code

Fonts

• Raleway
• Montserrat

Color Reference

Color	Hex
Dark Color	#252A34
Light Color	#EAEAEA
Crimson	#FF2E63

Folder Structure

├── public
│   └── images
├── src
│   └── components
│       └── GlobalComponent
│           ├── GlobalComponent.jsx
│           └── index.js
├── config
├── hooks
└── pages
    └── page
        ├── PageComponents
        ├── Page.jsx
        └── index.js

- .eslintrc.json
- .prettierrc.json
- jsconfig.json
- package-lock.json
- package.json
- README.mds
- tailwind.config.js