KaterinaLupacheva / my-projects-dashboard

Licence: other

Next.js, Material UI, MongoDB Personal Dashboard with dev.to, GitHub, Twitter, and npm API integration.

Programming Languages

typescript

32286 projects

javascript

184084 projects - #8 most used programming language

CSS

56736 projects

Personal Dev Dashboard

The blog post with an overview of the development process.

Technologies used

Front-end

Next.js - React framework
TypeScript
Material UI - React UI framework
Recharts - charting library
react-spring - animation library

Back-end

MongoDB Atlas - cloud-hosted Mongo Database
GitHub API
dev.to API
Twitter API
npm API

Local development

Create .env.local file with the following environmental variables:

DEVTO_API_KEY=
GITHUB_PERSONAL_TOKEN=
TWITTER_BEARER_TOKEN=
TWITTER_USERNAME=
MONGODB_URI=
MONGODB_DB=
APP_API_KEY=

How to obtain API keys and tokens described in the blog post.

Run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting