Skip to content

Version 3 of my portfolio website πŸ‘¨πŸ»β€πŸ’»

Notifications You must be signed in to change notification settings

vidarshan/portfolio-3

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

49 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ‘¨πŸ»β€πŸ’» Portfolio 3

Version 3 of my portfolio website with all of my developer related activities and information.


πŸŽ›οΈ Tech Stack

  • Typescript
  • React JS
  • Mantine x Styled Components
  • Redux Toolkit
  • Vercel
  • Framer motion

πŸ‘·β€β™‚οΈ Setup Project

  • Step 1 - Clone repository.

  • Step 2 : Install packages with npm.

     npm install
    
  • Step 3 : Create a file named .env in the root level. Add the following env variables, and replace with your values.

      REACT_APP_EMAILJS_USER=<your_content>
      REACT_APP_EMAILJS_TEMPLATE=<your_content>
      REACT_APP_EMAILJS_SERVICE=<your_content>
      REACT_APP_STACK_EXCHANGE_URL=<your_content>
      REACT_APP_STACKOVERFLOW_API_KEY=<your_content>
      REACT_APP_STACKOVERFLOW_USER=<your_content>
      REACT_APP_USER_EMAIL=<your_content>
    
  • Step 4 : Run command

      npm start
    

πŸ”„ Reuse

  • Free to reuse with proper references to this repo or my Github profile. A star for this repo before doing that would make me happyπŸ™‚.

πŸ’Ώ Content

  • Replace content in the data/work.tsx and data/data.ts files with your own content.

πŸ—’οΈ Note

  • The stackoverflow key is needed to show the stackoverflow reputation, gold, silver and bronze medal count on the about section of the site. Not providing them would pull out an hardcoded value from the redux state.

πŸ’¬ Inquiries

πŸ”— References