lfmnovaes / new-portfolio

My new portfolio showing my recent projects. Built with TypeScript, TailwindCSS, React, and NextJS.

Portfolio

A new Portfolio using server-side renderization with NextJS and a easier way to contact.
Explore the docs »

View Live Demo · Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. Roadmap
5. Contributing
6. License
7. Contact
8. Acknowledgments

About The Project

Brand new portfolio to show more about my past projects while using good practices and some of the best technologies available.

(back to top)

Built With

• TypeScript
• Node.js
• React.js
• Next.js
• TailwindCSS

(back to top)

Getting Started

To get a local copy up and running follow these simple steps.

Prerequisites

You will need to have NodeJS installed based on your Operational System

For example on Ubuntu 20.04 LTS you can follow these instructions.

• Using Ubuntu

  curl -fsSL https://deb.nodesource.com/setup_17.x | sudo -E bash -
  sudo apt-get install -y nodejs

Installation

1. Clone the repo

   git clone https://github.com/lfmnovaes/new-portfolio.git

2. Install NPM packages

   npm install

3. Run on dev mode

   npm run dev

(back to top)

Usage

Open the page and check out my contact informations, Resume, and projects.

(back to top)

Roadmap

• Make portfolio using TypeScript, Tailwind and React
• Make server side renderization with NextJS and host it online
• Create Dark/Light toggle
• Add all past GitHub projects
• Use DOMPurify to Sanitize the markup from dangerouslySetInnerHTML

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

(back to top)

License

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

(back to top)

Contact

Luis Fernando - @lfmnovaes - [e-mail]

Project Link: https://github.com/lfmnovaes/new-portfolio

(back to top)

Acknowledgments

• Othneildrew for the README template

(back to top)