Skip to content

It's a personal website/portfolio. Built in React and Tailwind.

License

Notifications You must be signed in to change notification settings

PedroMTSilva/leco

Repository files navigation


Leandro Correia Portfolio ✨

This project take me one week to develop while learning for the first time Reactjs and Tailwind. Site URL:

leandroc0rreia.com


Site preview

Tech Stack 🛠️

Dependencies defined in package.json:

| Reactjs

| Tailwind + Flowbite + Headlessui

| GitHub API

| Emailjs

Structure ⚓

  • Navigation bar
  • Home
  • Social media
  • About
    • Image
    • Simple text about me
    • Table with Technical and Soft Skill
    • Button to download my resume
  • Projects
    • Recent projects (using GitHub API)
    • Detailed projects
  • Contact (using Emailjs)
  • Footer
  • Copyrights - open source

Sharing 💗

Project is open source. Feel free to make your own version. All you need to do is to fork this repository Mark star ⭐ if you like the project.

Inspiration 💡

This project takes inspiration on developers portfolio website. Thanks a lot Hashir Shoaeb and contributors who help on home project.

Prerequisites 🍪

You should have Node.js and Git installed on your PC and configure React + Tailwind. You should also own a GitHub account.

Setup And Deployment 🔧

  1. To Get Started, Fork this repository to your GitHub account:

  2. Clone the forked repo from your account using:

git clone https://github.com/<your-username>/leco.git
  1. Open in editor and edit src/info/config.js file.

  2. Add your resume as <resume.pdf> in place of src/info/resume.pdf

  3. Edit title and meta description in public/index.html.

  4. Change URL in package.json file:

"homepage": "https://<your-website-name>/"

Or for deployment at custom domain, refer create-react-app.dev

  1. After editing run the following bash commands:
npm install

npm start
  1. To deploy website, run:
npm run build

npm run deploy
  1. Congrats your site is up and running. To see it live, visit:

"https://<your-website-name>/

  1. To change the some info, thumbnail image, profile pic and resume:
  • Navigate to the "public" folder.

  • There you will see "social-image.png", "resume.pdf", "leandrocorreia.png" and inside src/ you have "config.json".

  • Do your version and rename your thumbnail as "social-image.png", your profile pic as "profile-pic.png", your resume as "resume.pdf" and change "config.json" as you think best.

Contributing 🙋

This project is in development. Means that feel free to help and give suggestions. Feel free to fork, use and maintain your own version.

License ⚖️

Distributed under the GPL-3.0 License. See LICENSE for more information.

About

It's a personal website/portfolio. Built in React and Tailwind.

Resources

License

Stars

Watchers

Forks

Packages

No packages published