Leonardo Lissone

Description   |    Demonstration   |    Requirements   |    Technologies   |    Layout   |    Usage

Report bug · Request feature

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

• Nodejs
• Npm

Technologies

• ReactJs
• NextJs
• Typescript
• React GA (Google Analytics)
• Radix UI
• StyledComponents
• React Hook Form
• Yup
• EmailJs
• Eslint
  • @lissone/eslint-config
• Commitlint

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:

npm 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:

npm run dev

License

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

Made with ❤️ by Lissone

---