Skip to content

fabdul88/abdulfarhan

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Logo

abdulfarhan.com - v1

The first iteration of abdulfarhan.com built with React and hosted with GitHub Pages .

issues forks stars GitHub GitHub Workflow Status

portfolio

Main Tech Stack Used

SASS JavaScript React

Other Tech Used To Compliment The Project

  1. Animate on Scroll (AOS)
  2. React Scroll
  3. Framer Motion
  4. Email JS
  5. UUID

Continuous Integration (CI)

GitHub Actions

Forking This Repo

While keeping my site open source, feel free to fork this repo, remix and reuse to your heart’s content, as long as a good faith effort is made to attribute the content back to abdulfarhan.com . Thank you!

How To Run The App

  1. Either fork or download the app and open the folder in CLI
  2. Install all dependencies using the npm i command.
  3. Start the web server using npm start command. The app will be served at http://localhost:3000
  4. Go to http://localhost:3000 in your local browser to view the app.

App Dependencies

"dependencies": {
   "@testing-library/jest-dom": "^5.11.5",
    "@testing-library/react": "^11.1.1",
    "@testing-library/user-event": "^12.2.0",
    "aos": "^2.3.4",
    "emailjs-com": "^2.6.4",
    "framer-motion": "^6.4.1",
    "react": "^18.0.0",
    "react-dom": "^18.0.0",
    "react-router": "^5.2.0",
    "react-router-dom": "^5.2.0",
    "react-scripts": "5.0.1",
    "react-scroll": "^1.8.1",
    "react-use-measure": "^2.1.1",
    "sass": "^1.38.2",
    "uuid": "^8.3.1",
    "web-vitals": "^0.2.4"
  },

Future Iterations

  1. Blog page that will contain articles about my journey in tech and things I have learnt as a web developer.
  2. Portfolio transition from React.js to Next.js framework.
  3. Internationalization support (i18n) for both English and French.