Code Monkey home page Code Monkey logo

human_mg's People

Contributors

anshulgoyal589 avatar harshsbhandari avatar nishalbarman avatar ritikkochar0509 avatar sagarsingh-1 avatar sahilm416 avatar theshiveshnetwork avatar vinayaksoni143 avatar yasirobai99 avatar zyro231-2 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

human_mg's Issues

Need help for a similar project configration

I am also making a personal project in Vite + React + tailwindcss like this one. Vite + React is done directly will creating vite but i have issues with configuration of tailwindcss.

I have followed some online blogs but still have some issues, if you have any resources or can help me with that it would a great help.

followed this blog
image

Sorry, i had to create a issue for this because i did not find any other social @Zyro231-2.

Thank you.

Create the website footer and useful information

Is your feature request related to a problem? Please describe.
Footer at the end of the page

Describe the solution you'd like
a footer will look great at the end of the page which will include

  • add a hacktober fest logo and direct link to the page
  • github repo link
  • contact of the maintainers

Success Criteria

@Zyro231-2
If the issue i created is good enough to solve can you please assign it to me, i would love to solve that as i'm participating in hactober fest 2023

remove the node modules by adding a .gitignore

When I run npm i after cloning the repo on a Linux system, it makes changes in the 'node_modules' folder, including adding an 'eslint-linux' folder. This issue needs to be addressed as it impacts cross-platform compatibility.

Proposed Solution:

  • Add a .gitignore file to prevent the 'node_modules' folder and related system-specific files from being tracked by Git.
  • Remove the 'node_modules' folder from version control.

Reasoning:
Different users may have different operating systems, and including the 'node_modules' folder in the repository can lead to compatibility issues. By adding a .gitignore file and removing the 'node_modules' folder from version control, we ensure that users can run npm i to install the required dependencies regardless of their platform. This will be documented in the project's README.md file.

image

FIX: Style Issue and Code optimization

Title:-
On the home page we can see on one card the text is not completely visible, it goes under the bottom button. I can fix this issue.

And I can move some functions from Cards.jsx to App.jsx also to make it more readable and clean ...

The text-ellipsis that has been achieved with javascript code can be achieved with normal CSS code or with tailwind also.

Screenshots of issue :-
Card description issue :->
Screenshot (90)

Code issue :->
Screenshot (91)

NOTE :- Should I start working ...->

User register and signup

I want to make a backend APIs for user to login and signup to this course.
Please assign me this issue?

navbar can be made fixed

navbar travels with the page which makes it difficult to navigate, if you are downwards in the website, i think we should make the navbar fixed, @Zyro231-2 can you pls assign me this

Responsive layout for cards

Is your feature request related to a problem? Please describe.
layout for cards is not responsive between screen sizes.

Describe the solution you'd like

  • Create 1 column design on the smallest screen.
  • Create 2, 3 column design on bigger screens based on Tailwind default Breakpoints

Additional context
If needed, minimum styling for card component

Screenshots
Have cards in 1 column
Before
Skärmavbild 2023-10-03 kl  10 50 21

Success criteria

  • Responsive design for card layout

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.