Leonardo Lissone

Description

Since the beginning of my journey with web application development, I had a lot of desire to create my own website, to have a focal point for all my experiences, projects, stories and mainly to increase and facilitate the contact network. I've waited until the moment where I feel comfortable and safe enough to do exactly as I would like.

Everything in this project was developed with a lot of love, dedication and will, following all the development steps that I created with me until this moment. From creating a simple requirements documentation, prototyping an interactive interface in Figma to creating a universal template for my Next.js applications to increase productivity when developing new React projects.

Demonstration

leonardo-lissone-portfolio-demo-24-03-23.mp4

Requirements

Technologies

ReactJs
NextJs
Typescript
React GA (Google Analytics)
StyledComponents
React Hook Form
Yup
EmailJs
Eslint
- Airbnb-config with another pessoal rules
- Import helpers plugin
Prettier
Commitlint
- Commitizen

Layout

You can view the project layout via this link.

Usage

You can clone it on your pc using the command:

git clone https://github.com/Lissone/leonardo-lissone.git
cd leonardo-lissone

Install dependencies using:

yarn
#or
npm install

Enable husky git hooks:

yarn husky install
#or
npx husky install

Need to add environment variables:

# .\.env.local

# GOOGLE ANALYTICS
NEXT_PUBLIC_GA_TRACKING_ID=

# EMAILJS
NEXT_PUBLIC_EMAILJS_SERVICE_ID=
NEXT_PUBLIC_EMAILJS_TEMPLATE_ID=
NEXT_PUBLIC_EMAILJS_PUBLIC_KEY=

Run application:

yarn dev
#or
npm run dev

License

Distributed under the MIT License. See LICENSE for more information.

Lissone/leonardo-lissone