Code Monkey home page Code Monkey logo

cardit's Introduction

Hi ๐Ÿ‘‹, I'm Pushkaraj Kulkarni

A Passionated Full-Stack Developer

  • ๐ŸŒฑ Iโ€™m currently learning Full-Stack Web Development

  • ๐Ÿ’ฌ Ask me about HTML, CSS, JavaScript, ReactJS, NetxtJS, NodeJS, ExpressJS, MongoDB

  • ๐Ÿ“ซ How to reach me [email protected] or @pushkaraj2007

Connect with me:

pushkaraj2007 pushkaraj2007

Languages and Tools:

bootstrap bulma css3 express figma git html5 javascript mongodb nextjs nodejs photoshop react tailwind typescript

My hacktoberfest badges:

@pushkaraj2007's Holopin board

My GitHub stats:

Pushkaraj Stats Pushkaraj Stats

Most used languages:

Most used programming languages by Pushkaraj

Contribution Graph:

GitHub Activity Graph

cardit's People

Contributors

abitsalihu avatar adetoye-dev avatar adityyaa-10 avatar badbatunde avatar coding-hashira avatar devxprite avatar janithlahirukariyawasam avatar mkaletaa avatar nicolamaritan avatar pushkaraj2007 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

cardit's Issues

Linking License to ReadMe file

It is important to have a License for the repository! It really helps in the long term. I believe that you just have to select the License from the predefined ones!

Add Beautiful Backgrounds For Card

Apart from just a gradient of two colors, you can also allow users to add an image as the background of their profile card.

You can either add some preset images, or allow user to upload his/her own image, or maybe even both!

[feat] Improve readme

If you found any typo or any kind of mistake in the readme file of the repository, then feel free to raise an issue about it and improve it by creating a pull request.

Also if you want to add something new to the readme file, then do the same as I mentioned above.

[FEAT] Generate a background picker for the banner

I'm thinking of a feature where users can select their own background banner. To start off, you can make a few gradients selection first. On later part, users can maybe select their own plain color background with color picker.

[BUG] Website is not responsive.

โœจ Summary

Problem: The website is currently not responsive and looks terrible on small screen devices.

Solution: Add media queries of different screen sizes, and adjust styling accordingly.

๐Ÿ“ธ Screenshot

cardit-responsiveness-issue

[Feature] Create a navbar.

Create a navbar from which we can redirect the user to the GitHub repository of this project.

GitHub logo will be preferable for the redirection but it's not mandatory, you are free for the creativity.

[FEAT] Add loading animation.

Improvment:

Add a type of loading animation when we click on the create card button, so if anyone has a slow internet connection still the user gets a great experience of using the app.

How to achieve this:

  • Get your favorite loading animation from sites like loading.io
  • Display the animation when clicking on the Create Card button.
  • Hide animation after receiving data from GitHub API.

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.