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

https://user-images.githubusercontent.com/57052110/227630290-5e0c5cd1-87ca-41de-a694-4d59280db573.mp4

Requirements

• Nodejs
• Npm

Technologies

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

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.