Portfolio
next-boilerplate
Portfolio | next-boilerplate | |
---|---|---|
6 | 2 | |
46 | 1,582 | |
- | 0.6% | |
1.8 | 0.0 | |
over 2 years ago | 9 months ago | |
TypeScript | TypeScript | |
- | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Portfolio
-
How to have a professional online appearance
Below is a screenshot of my portfolio site. I made a mockup in Adobe XD and then built it with React.js and Typescript. The code for my portfolio can be viewed on my Github Portfolio Repository.
-
Had a lot of fun building my Portfolio site
Thanks! And I built this project in a Javascript framework called React.js. And all of the elements are components, so if I wanted to add more projects I would simply add a new component called WorkCard and pass in the project-specific values. If you're interested you can see the code here https://github.com/JackRKelly/Portfolio. It is all written in JSX which is basically Javascript in HTML.
I use inline styles with template literals containing a ternary operator for some Boolean stateful value. I’m sure I could use ReactTransitions to achieve a similar look but I haven’t had any reason to move to that. I have been just fine so far! See here for an example: https://github.com/JackRKelly/Portfolio/blob/0897ec946899dc841a683c6ff9a38d8fe6b4f3e2/src/components/Navigation.tsx#L98
next-boilerplate
-
types for parameter objects necessary?
A) your tsconfig/eslint configuration should have a few more rules turned on. Look at github projects such as this one and copy/paste their tsconfig/eslint files in your project.
-
superplate - Performance-oriented Frontend application creator with popular tools
It has been a long time since we started the next-boilerplate project. We are proud that it helped many frontend developers around the globe to speed up their frontend development cycles.
What are some alternatives?
react-portfolio - Portfolio Template (One-page, React, TypeScript, Bootstrap)
nextjs-firebase-authentication - Next.js + Firebase Starter
create-react-app - Set up a modern web app by running one command.
superplate - A well-structured production-ready frontend boilerplate with Typescript, React Testing Library, styled-component, React Query, .env, Axios, Bundle Analyzer, Prettier and 30+ plugins. superplate creates projects for React.js, Next.js, and refine. https://pankod.github.io/superplate/
react-typescript-jest-cypress - Full-stack-development
tiny-sass-compiler - Another sass compiler write from scatch,runnable on both node and browser
nextjs-typescript-tailwindcss-starter - Starter template for Nextjs, TailwindCSS & TypeScript ( with Redux )
nextarter-chakra - battery packed template / boilerplate to initialize Next.js app with Chakra UI & Typescript setup ✨
openjscad-react - :package: React.js component for the OpenJSCAD.org project
HammerTime - Generate timestamp indicators for Discord chat messages
react-starter - Full-featured typescript starter for React application
nextjs-ts-mui5-scss-storybook-starter - Next.js + TypeScript + Material UI v5 + Sass + Storybook starter