Skip to content

Software Developer Portfolio Template in React with TypeScript following best practices: Unit and end-to-end tests, Continuous Integration, and linting. This is a complete customizable template which lets you showcase your work, education and experience about you as Software Developer.

License

Notifications You must be signed in to change notification settings

serodas/my-portfolio-react-typescript

Repository files navigation

<⚡⚛️> 🔥 Software Developer Portfolio Template

Software Developer Portfolio Template in React with TypeScript following best practices: Unit and end-to-end tests, Continuous Integration, and linting. This is a complete customizable template which lets you showcase your work, education and experience about you as Software Developer.

Stars are welcome 😊

Preview

Preview

Sections

  • Home
  • Education
  • Experience
  • Projects
  • Contact

⚡ Using this template

  1. Create your project based on this template:

    • a) If you want to create a GitHub repository, we would recommend to use the GitHub "Use this template" button and clone your newly created repository
    • b) If you prefer to just create a local project, you can use degit:
      npx degit repo-url my-app
  2. Update your project meta-information:

    • Update the package.json:
      • Specify proper values for the name, author and license properties
      • Remove the private property if you plan to publish the app as a npm package
    • Change the author in LICENSE
    • Change the title in index.html
    • Replace the favicon in the public directory
  3. Run your app:

    1. cd my-app: Move to your project root directory
    2. npm install: Install all the project dependencies
    3. npm start: Start the development server on localhost:3000

✅ Testing

Unit tests

npm run test: Run unit tests with Jest and React Testing Library

End-to-end tests

  1. npm start: Start the development server on localhost:3000
  2. Run end-to-end tests with Cypress choosing one of the following options:
  • npm run cy:open: Open Cypress in dev mode
  • npm run cy:run: Execute Cypress in CLI

🔦 Linting

  • npm run lint: Run linter
  • npm run lint:fix: Fix lint issues

🌈 Tech Stack

illustrations 🍥

References

Based on https://github.com/harikanani/harikanani.github.io Illustrations: https://undraw.co/

About

Software Developer Portfolio Template in React with TypeScript following best practices: Unit and end-to-end tests, Continuous Integration, and linting. This is a complete customizable template which lets you showcase your work, education and experience about you as Software Developer.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages