Profile page, but for developers.
This interface was inspired by the design available on Dribbble.
This project was developed using cutting edge front-end technologies.
- TypeScript β TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
- Next.js β The Next.js is React Based framework with server side rendering capability.
- Styled Components β CSS-in-JS library built for React.
- React Icons β SVG React icons of popular icon packs using ES6 imports.
- GitHub GraphQL API β GitHub GraphQL API is used to fetch data from GitHub.
- DEV REST API β DEV REST API is used to fetch data from Dev.to.
Have the following pre-installed:
Clone the project:
git clone https://github.com/fariasmateuss/community-user-profile.git
Go to the project directory:
cd community-user-profile
Install all dependencies:
yarn
Create a copy of the .env.example
file called .env.local
:
cp .env.example .env.local
Add your GitHub App's private key to the .env.local
file.
Note: The token is used as the HTTP username.
Start the server:
yarn dev
or
yarn next
Open http://localhost:3000 with your browser to see the result.
To prepare the build for production:
yarn build
And run it:
yarn start
You can send how many PR's do you want, I'll be glad to analyse and accept them! If you have any questions, suggestions or bug reports drop here.
Connect with me at LinkedIn.
This project is under the MIT License.
Made with β₯ by Mateus V. Farias.