Giter Club home page Giter Club logo

Hi 👋, I'm CodeBucks

A passionate Web developer. Love to build beautiful websites with latest tech available😄


codebucks27

  • 🔭 I’m currently working on CodeBucks (My YouTube Channel) and DevDreaming (A website where I can share more then videos).

  • 📝 I regularly write articles on DevDreaming

  • 💬 Ask me about React, Redux, GatsbyJS, NextJS

  • 📫 How to reach me [email protected]


Latest Articles👇:

📝How to get user's location in React.js🔥
📝Top 10 Popular VS Code Themes You Should Try🔥


Latest Tutorials on Youtube👇:

📺 Next.js 13 Blog Tutorial: Build SEO Optimized Blog with Next.js, Contentlayer, and Tailwind CSS 🔥
📺 How to Create a Stunning Portfolio Website with Nextjs, Tailwind CSS and Framer-motion🌟
📺 React Website Tutorial: ⭐Build Feature Rich Crypto Screener App with Tailwind CSS


▶ Connect with me:

codebucks codebucks27 CodeBucks code.bucks codebucks27 code_bucks codebucks27


▶ Languages and Tools:

amplify babel bootstrap bulma chartjs css3 d3js figma firebase git html5 javascript linux materialize mongodb mysql nextjs nodejs php postman python react redux sass tailwind typescript webpack



 codebucks27

CodeBucks's Projects

3d-landing-page-for-apple-iphone icon 3d-landing-page-for-apple-iphone

Create awesome landing page for Apple iPhone 14 using Three JS and React JS. This website uses threeJS to render 3D model of iPhone and GSAP for scrolling animations. If you want to learn how to create this website then you can follow tutorial link given in the ReadMe.

agency-website icon agency-website

Agency Landing Page. It is build on top of the React JS, with styled-components and GSAP for smooth scrolling animations. Create this awesome website in React by following the tutorial given in the readme file.

apple-iphone-3d-landing-page-starter-code icon apple-iphone-3d-landing-page-starter-code

Create awesome landing page for Apple iPhone 14 using Three JS and React JS. This website uses threeJS to render 3D model of iPhone and GSAP for scrolling animations. If you want to learn how to create this website then you can follow tutorial link given in the ReadMe.

codebucks27 icon codebucks27

Create beautiful GitHub profile. Clone this repo and create your own cool github profile readme file.

cryptobucks-a-crypto-screener-application icon cryptobucks-a-crypto-screener-application

⭐Build Feature Rich Crypto Screener App with React JS and Tailwind CSS. This App is created with context API, react-router and Cryptocurrency APIs. If you want to learn to create this you can follow the tutorial link given in the Read me file.

cryptobucks-final-code icon cryptobucks-final-code

⭐Build Feature Rich Crypto Screener App with React JS and Tailwind CSS. This App is created with context API, react-router and Cryptocurrency APIs. If you want to learn to create this you can follow the tutorial link given in the Read me file. crypto-

devto-clone icon devto-clone

build a Clone with React. Create this awesome devto clone with React using styled-components. Learn to fetch API and render different articles of dev.to

next.js-developer-portfolio-starter-code icon next.js-developer-portfolio-starter-code

⭐Build a stunning portfolio website with Next.js, Tailwind CSS and Framer-motion. If you want to learn to create this you can follow the tutorial link given in the Read me file.

nextjs-contentlayer-blog icon nextjs-contentlayer-blog

⭐Build SEO optimized personal blog website with Next.js, Tailwind CSS and Contentlayer. If you want to learn to create this you can follow the tutorial link given in the Read me file.

nextjs-tailwindcss-blog-template icon nextjs-tailwindcss-blog-template

⭐Build SEO optimized personal blog website with Next.js, Tailwind CSS and Contentlayer. If you want to learn to create this you can follow the tutorial link given in the Read me file.

react-form-component icon react-form-component

A custom hook which will be used to handle form inputs and validate them. This hook is reusable so you can use it anywhere in your project or in other projects as well.

react-loading-screen icon react-loading-screen

Create different types of cool loading screens or loading indicator with ReactJs. Follow the tutorial link in the readme file.

react-portfolio-final icon react-portfolio-final

Build a Stunning portfolio with React JS and framer-motion. This portfolio is created using framer-motion for cool transitions and animation. If you want to learn how to create this portfolio then you can follow below tutorial link in the ReadMe

react-portfolio-starter-code-files icon react-portfolio-starter-code-files

Build a Stunning portfolio with React JS and framer-motion. This portfolio is created using framer-motion for cool transitions and animation. If you want to learn how to create this portfolio then you can follow below tutorial link in the ReadMe

react-redux-todo-app icon react-redux-todo-app

Build a CRUD application with React and Redux. Use Redux toolkit to build this todo app with cool animations using framer-motion. If you want to learn it then you can follow the tutorial given in the readme file.

react-responsive-navbar icon react-responsive-navbar

Create responsive navbar with React Js. This navbar is responsive which means you can also use this in smaller devices like mobile / tablets. Follow the tutorial link given in the readme file to learn it.

react-reusable-components icon react-reusable-components

This repository contains React Reusable components. You can learn to create these components from here: https://www.youtube.com/channel/UCeYt6blRBKuNrEg_-282fSA/

react-sidebar icon react-sidebar

Create awesome sidebar for your portfolio or any projects, It is build using ReactJs and styled-components. React router is already configured, Also it has page transition effect using framer-motion.

react-smooth-scroll icon react-smooth-scroll

A simple way to add smooth scrolling in your React app using smooth-scrollbar. Learn how to add smooth scrolling in React website. webapp.

reactjs-hamburger-menu icon reactjs-hamburger-menu

Create Hamburger menu with React JS from scratch. Learn to build this animated hamburger menu by following the link given in the readme file.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.