https://github.com/jefferson1104/soaresdev-portfolio

This is my landing page, this project was developed with NextJS, TypeScript and has several other technologies, unit tests using Jest and react-testing-library.
https://github.com/jefferson1104/soaresdev-portfolio

jest nextjs react-testing-library storybook styled-components typescript

Last synced: 2 days ago
JSON representation

This is my landing page, this project was developed with NextJS, TypeScript and has several other technologies, unit tests using Jest and react-testing-library.

• Host: GitHub
• URL: https://github.com/jefferson1104/soaresdev-portfolio
• Owner: jefferson1104
• Created: 2022-04-11T23:22:38.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-10-11T15:04:03.000Z (about 2 years ago)
• Last Synced: 2024-10-23T16:05:35.499Z (22 days ago)
• Topics: jest, nextjs, react-testing-library, storybook, styled-components, typescript
• Language: TypeScript
• Homepage: https://soaresdev.com
• Size: 5.47 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  
soaresdev.com

  


    

    

    

    

  

  



### About project

This is my landing page, this project was developed with NextJS, TypeScript and has several other technologies, unit tests using Jest and react-testing-library, storybook, "aos" library for animation effects using scroll, styled-components for styling of sections and components, feature of BFF (back-end for front-end) along with nodemailer for sending emails, in the contact form I used the Joi library to validate the inputs, I used some features of next such as next/ dynamic and also good practices for a better performance of the bundle, in addition to the development of SEO and some techniques in the semantics of JSX.

### Configure and run project

To use the email sending feature in the contact form, you must configure your gmail account if you use gmail as a provider.

For that I followed these two tutorials that helped me a lot:

- [Link 1](https://www.woolha.com/tutorials/node-js-send-email-using-gmail-with-nodemailer-oauth-2)

- [Link 2](https://medium.com/nerd-for-tech/coding-a-contact-form-with-next-js-and-nodemailer-d3a8dc6cd645)

```bash

# Clone this repository

$ git clone https://github.com/jefferson1104/soaresdev.git

# Access the project folder

$ cd soaresdev

# Install dependencies

$ yarn

# Check the tutorial for using gmail with nodemailer provider

# Configure your .env, see .env.example

# Run storybook

$ yarn storybook

# Run tests

$ yarn test

# Run Project

$ yarn dev

```

### Screenshots