developer-junaid / blog-site

This is a Blog Site, I made using Gatsby, Contentful, ReactJs, GraphQl and deployed it on Netlify.

Hi , I'm Junaid Qureshi

I'm a passionate Full Stack Developer and Fiverr Level One Seller from Pakistan

🙋‍♂️ About Me

• 🎓 Graduated in BS- Information Technology with Award Winning FYP
• 👨‍💻 All of my projects are available at My Portfolio
• ⭐ Left Fiverr !
• 🏆 Completed more than 20 projects with International clients with 5-star ratings and reviews (Fiverr Account)
• 🤠 Coded 4000+ hours
• ⭐ 80+ Repositories on GitHub
• 📫 How to reach me [email protected]
• ⚡ Fun fact I love coding and I'm a quick learner.

🚀 Technologies I know

• HTML, CSS, Javascript, Typescript
• Web 3 (Metamask Integration, Web3.js, Ethers.js, SmartContract Integration, Web3 UI)
• MERN Stack (MongoDB, ExpressJs, ReactJs, NodeJs)
• JAM Stack (GatsbyJs, NextJs, GraphQl, FaunaDB, Serverless Cloud Functions, Headless CMS including Strapi, Contentful and Sanity)
• Styling (Tailwindcss, Material-UI, Chakra-UI, Materialize, Bootstrap, Bulma Css, Sass, Styled components)
• Stripe, Razorpay (Payments)
• Databases (Firebase Firestore, FaunaDB, MongoDB, PostgreSQL)
• Project Management (git, Github, CI/CD, Storybook, Trello, Jira, Bitbucket, Gitlab)
• Design (Figma, Balsamiq, Canva)
• Deployment (Vercel, Firebase, Heroku, Surge, Netlify, Shared hosting/C-panel)

📊 My Github Stats

Note: Top languages is only a metric of the languages my public code consists of and doesn't reflect experience or skill level.

Connect with me:

❤ Views and Followers

blog-site's Issues

I am adding css and javascript for some colour changes

// css
body {
padding: 25px;
background-color: white;
color: black;
font-size: 25px;
}

.dark-mode {
background-color: black;
color: white;
}

// javascript
function myFunction() {
var element = document.body;
element.classList.toggle("dark-mode");
}