Giter Club home page Giter Club logo

website's Introduction

Eduardo Correia - Personal Website ๐Ÿ”—

The source files for my personal website.

Built with Nuxt 3 and using Tailwind CSS for styling.

๐Ÿ“ท Preview

Preview

website's People

Contributors

dependabot[bot] avatar educorreia932 avatar harukama avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

0xrauros

website's Issues

Make the pages' header and footer dynamic

Currently each page which has the header/footer has it hardcoded, so everytime some alteration, it is required to manually change it in every HTML document.

Also, change the tags to header and footer, instead of div

Collage rework

Features

  • Add a new stamp
    • Check file size
    • Check if it's a valid image file
    • Store the image file (original size and resized)
    • Add it to the database
  • Download collage screenshot
  • Check timeline
  • Consult information
  • Display stamps
    • Calculate which stamps should be displayed
    • Show more information when clicking on a stamp

Upgrade to Nuxt 3

  • Upgrade Nuxt 2 to Nuxt 3
  • Migrate to Vue 3 Composition API
  • Use TypeScript in preference to JavaScript

Published Spotify Secrets

Hey Educorreia932,

I was just looking through the source for your Spotify Statistics application and noticed that you are committing your Spotify client secrets. You may want to look into including these as an environment variable or .env file (removing it from your git) so they are not published.

Also, you may want to revoke and regenerate your client secrets.

Kind Regards,

L.

var client_secret = 'bd3ec6667dbd48b4bcb9ccf8d6c4cdbf'; // Your secret

Suggestions for your Website going forward

Some Suggestions

  • For your homepage: dissect the main text in at least two sub-sections with headers (also FYI the ASCII art placement is a little unfortunate because it makes it harder to read your text, at the very least reduce your frame rate at which the animation updates)
  • Would be great if your projects page would link the listed projects to their respective repositories. Include a live demo where possible, and briefly explain
    • initial motivation (or the problem you intended to solve with your code)
    • main features / things you learnt
    • hindsight 20/20: what you would have done different providing you'd this again (hypothetically speaking)
  • Go easy on the memes, less is more, etc.
  • Big fan of your progress bar at the bottom of your homepage, haven't seen this one yet
  • You will hear different opinions about this point but from what I have been told it is generally recommended to not link your social accounts on your portfolio page

Additional Resources

Travel page

  • Display country's name when hovering its flag
  • Display country's name when hovering it
  • Make globe move to country after clicking on its flag
  • Make globe move to country after clicking on it
  • Highlight country in globe when hovering its flag
  • Enable globe rotation by dragging it

Light theme

Create a light theme design alternative and a way to alternate between light and dark themes

Projects fixture

  • Insert tags names in projects JSON file instead of their IDs
  • Auto-incrementing primary key

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.