design-and-code / linkify Goto Github PK

A site that lets you include all your links in a single-page website with easy customizations. It gives you your own URL to share with anyone you want on the internet.

Home Page: https://linkify-dc.netlify.app/

License: GNU General Public License v3.0

HTML 7.78% JavaScript 52.80% CSS 39.42%

community hacktoberfest javascript reactjs hacktoberfest2022

linkify's Introduction

Linkify - All your Links in one

Note

The project is on hold at present.
Major or very minor changes are not accepted for the Hacktoberfest event.
Documentation changes, code/website changes, etc., are included in the Hacktoberfest event.

Design-and-Code

Welcome to Design & Code where anyone interested in designing and coding can connect and interact with fellow peers from all over the globe and not only learn but also collaborate on various projects!

Join our Community and feel free to drop your questions on

What is Linkify?

A site that lets you include all your links in a single-page website with easy customizations. It gives you your own URL to share with anyone you want on the internet.

Highlights

Easily Customize the looks of your webpage based on your preference.
Dashboard Interface with good UI.
Have your own custom URL to your page.
Open-sourced and completely free. Community can keep adding new features and customize it since it's open-sourced.

Why this project?

Everyone needs a website to quickly share which can have all their links together. This is why an open-sourced project can have more customizations and will be completely free.
Good project for the community to build as well as use it for themselves. Since making a project which is not much useful for the community is useless.
Most of the other platforms have very limited customization and have paid features.

Tech Stack used

Folder Structure 📁

root
├── public
│   ├── favicon.io
│   ├── index.html
│   ├── manifest.json
│   └── robots.txt
│
├── src
│   ├── components
│   │   ├── assets
│   │   │   └── asset files
│   │   │
│   │   ├── component
│   │   │   ├── component1.jsx
│   │   │   └── component2.jsx
│   │   │
│   │   └── component
│   │       ├── component1.jsx
│   │       └── component2.jsx
│   │
│   ├── pages
│   │   ├── page
│   │   │   └── index.jsx
│   │   │
│   │   └── page
│   │       └── index.js
│   │
│   ├── index.js
│   ├── App.js
│   ├── App.css
│   └── context.js
│
├──  .gitignore
├──  CONTRIBUTING.md
├──  README.md
├──  package-lock.json
└──  package.json

Figma Link

Design

Contribution Guidelines 🏗

Want to add your inputs to the repo? We invite you to contribute. To start contributing, follow the below guidelines:

1. Fork this repository.

2. Clone your forked copy of the project.

git clone https://github.com/<your_user_name>/Linkify.git

3. Navigate to the project directory 📁 .

cd Linkify

4. Add a reference (remote) to the original repository.

git remote add upstream https://github.com/Design-and-Code/Linkify.git

5. Check the remotes for this repository.

git remote -v

6. Always take a pull from the upstream repository to your master branch to keep it at par with the main project (updated repository).

git pull upstream main

7. Create a new branch.

git checkout -b <your_branch_name>

8. Perfom your desired changes to the code base.

9. Track your changes ✔.

git add .

10. Commit your changes.

git commit -m "Relevant message"

11. Push the committed changes in your feature branch to your remote repo.

git push -u origin <your_branch_name>

12. To create a pull request, click on Compare & pull requests.

13. Add appropriate title and description to your pull request explaining your changes and efforts done.

14. Click on Create pull request.

15 Voilà! You have made a PR to Linkify 💥. Wait for your submission to be accepted and your PR to be merged.

Head to CONTRIBUTING.md for more details.

Project Maintainers 🛠

_{Devraj Chatribin}
💻

Our Valuable Contributors 👩‍💻👨‍💻

linkify's People

Contributors

Stargazers

Watchers

linkify's Issues

[BUG] Login click opens Sign up modal

Description of the bug

The title explains it all. When the user clicks on Login button, the sign up modal pops up instead of login modal.

Working Environment (e.g. operating system, browser, device)

The bug occurs on Opera browser, Windows 10 OS.

Please add screenshots, if applicable (Drag & Drop your ss below)

Add any other context about the problem here

No response

what next?

guys this project is not getting updated, also PR's aren't getting reviewed and merged? @Prathamkrishna @DevrajDC

footer

[BUG] Deployment not found

Description of the bug

The web page is not opening. It's showing 404 not found

Working Environment (e.g. operating system, browser, device)

OS: Windows 11
Browser: Microsoft edge
Device: Dell Inspiron 3000

Please add screenshots, if applicable (Drag & Drop your ss below)

Add any other context about the problem here

No response

[BUG] Please change the favicon

Description of the bug

Please change the favicon it's default react one now

Working Environment (e.g. operating system, browser, device)

microsoft edge

Please add screenshots, if applicable (Drag & Drop your ss below)

Add any other context about the problem here

No response

Absence of login/signup buttons when using website in Mobile Phones

Description of the bug

There seems a problem when dealing with the responsive part of the website.

As we narrow down the screen width to width of Tablets its fine but decreasing beyond causes login and signup buttons are no longer visible

Working Environment (e.g. operating system, browser, device)

Mobile phones
Android
Google chrome browser

Please add screenshots, if applicable (Drag & Drop your ss below)

Add any other context about the problem here

No response

Adding Issue Templates to the repository.

Hey,
I would like to add some issue templates in the repository to increase the legitimacy of an issue created and to provide a more transparent view of what an issue is about .
Thank you !!

Update Linkify ReadMe

Add folder structure
Add contribution guidlines
Add banner
add project maintainers and contributors

Add a license template.

Add pull request template in the repository.

Hey,
I would like to add pull request template in the repository to make it more convenient for pull request reviewer.
Thanks!

[FEATURE]: Tests to run on CI (GitHub Actions)

Description of the feature, you want to add.

Tests not running on push or pull request.

Mention if this feature is for any specific Working Environment (e.g. operating system, browser, device, N/A)

Please add some pictorial references to the feature, if applicable (Drag & Drop your ss below)

What will be your aprroach to add this feature?

Added to GitHub Actions

Any other context you have, to add here regarding this feature.

[FEATURE] <Sign up with google>

Description of the feature, you want to add.

Mention if this feature is for any specific Working Environment (e.g. operating system, browser, device, N/A)

n/a

Please add some pictorial references to the feature, if applicable (Drag & Drop your ss below)

No response

What will be your aprroach to add this feature?

Add button in signup section as well

Any other context you have, to add here regarding this feature.

No response

Header/Navbar

complete homepage

assign smaller tasks to others and complete homepage frontend.

[FEATURE] Add tech stack badges to README

Description of the feature, you want to add.

Adding badges of the tech stack used in the project will help contributors to sort through projects

Mention if this feature is for any specific Working Environment (e.g. operating system, browser, device, N/A)

N/A

Please add some pictorial references to the feature, if applicable (Drag & Drop your ss below)

Badges like these

What will be your aprroach to add this feature?

I'll be adding the badges under the Why this project? part in the README

Any other context you have, to add here regarding this feature.

No response

Hero Section

Fix mobile responsiveness

Since it is already responsive on mobile devices. We are looking for someone who can enhance it further and make it look good on mobiles. Specially the Features section needed some work on mobile.

[BUG] <Text overflow on iPad's horizontal view>

Description of the bug

I just did some quick check and this texts overflows when turning the iPad sideway.

Is it okay if I work on this issue for #hacktoberfest? If so, can you please add the tag to this issue?

Thanks in advance :)

Working Environment (e.g. operating system, browser, device)

iPad

Please add screenshots, if applicable (Drag & Drop your ss below)

Add any other context about the problem here

No response

[FEATURE] Put social handles of Design and code in the center

Description of the feature, you want to add.

I think it looks good if we can shift the social icons present in the footer in the center which currently is present on the right side.

Mention if this feature is for any specific Working Environment (e.g. operating system, browser, device, N/A)

Please add some pictorial references to the feature, if applicable (Drag & Drop your ss below)

What will be your aprroach to add this feature?

Align these icons to the center.

Any other context you have, to add here regarding this feature.

[FEATURE] UI Fix and Refactor components

Description of the feature, you want to add.

Minor tweaks of the Landing page components

Mention if this feature is for any specific Working Environment (e.g. operating system, browser, device, N/A)

N/A

Please add some pictorial references to the feature, if applicable (Drag & Drop your ss below)

Hover effect
Background props in dark mode
Feature section responsivity

What will be your aprroach to add this feature?

N/A

Any other context you have, to add here regarding this feature.

[BUG] Fix the PR template

Description of the bug

The current pull request template seems to be following the wrong syntax that's used for issue templates. PR templates are made in Markdown and not YML. This should be fixed immediately.

This PR is one proof that the PR template is wrong #81

Working Environment (e.g. operating system, browser, device)

Browser.

Please add screenshots, if applicable (Drag & Drop your ss below)

No response

Add any other context about the problem here

No response

Just for fun

Description of the bug

Sanju showed how to deploy the Shakalaka pencil on Vecel, BUT it does not seem to work.

Try cloning it locally and use the pencil at night in a dark room.

Need Reviews @DevrajDC @nimishjn @Shridhar-dev

Working Environment (e.g. operating system, browser, device)

Vecel
Bed room
Drawing room

Please add screenshots, if applicable (Drag & Drop your ss below)

Add any other context about the problem here

Need to resolve this ASAP to save Earth.

Features section

[FEATURE] Login and Sign Up

Description of the feature, you want to add.

Add the Login and Sign Up modal on the homepage and trigger the modal on click of Login and Sign Up buttons.

Mention if this feature is for any specific Working Environment (e.g. operating system, browser, device, N/A)

N/A

Please add some pictorial references to the feature, if applicable (Drag & Drop your ss below)

What will be your aprroach to add this feature?

Create components for Login and Sign Up, so that they can be reused on other pages if required.
Keep a single modal with two tabs for Login and Sign Up respectively.

Any other context you have, to add here regarding this feature.

No response

Footer update in mobile view

TODO:

Remove Linkify name from footer.
Center align the social icons.

Output Should be:

[CONTENT] <I want to add some content in this site>

Description of the feature, you want to add.

I want to add some content for discord and welcome content so that to increase our community and help others to understand this site better.

Mention if this feature is for any specific Working Environment (e.g. operating system, browser, device, N/A)

N/A

Please add some pictorial references to the feature, if applicable (Drag & Drop your ss below)

No response

What will be your aprroach to add this feature?

i will add the required contents.

Any other context you have, to add here regarding this feature.

No response

Update features section

Make text left aligned on mobiles.
Display none on the feature image in mobile view.

Output should look like this:

Add CONTRIBUTING.md file

Include all the contribution guidelines.
Add Git commands for beginners to understand how to contribute to this repo.

Add darkmode toggle button in the navbar

Check the UI design to see how both themes look like.

[BUG] <iPad features are distended>

Description of the bug

Hello again!

I checked and somehow on the iPad/tablet and mobile views the features section looks like it has a ton of margin in between each one of them, this is probably related to the fixed height they have on the desktop view.

I would like to fix them, get them closer to each other and avoid the weird spaces between them.

EDIT: I also found the sign in/login popup in mobile to be too narrow, please see the screenshot below.

design-and-code / linkify Goto Github PK

linkify's Introduction

Linkify - All your Links in one

Join our Community and feel free to drop your questions on

What is Linkify?

Highlights

Why this project?

Tech Stack used

Folder Structure 📁

Design

Contribution Guidelines 🏗

Head to CONTRIBUTING.md for more details.

Project Maintainers 🛠

Our Valuable Contributors 👩‍💻👨‍💻

linkify's People

Contributors

Stargazers

Watchers

Forkers

linkify's Issues

Description of the bug

Working Environment (e.g. operating system, browser, device)

Please add screenshots, if applicable (Drag & Drop your ss below)

Add any other context about the problem here

Description of the bug

Working Environment (e.g. operating system, browser, device)

Please add screenshots, if applicable (Drag & Drop your ss below)

Add any other context about the problem here

Description of the bug

Working Environment (e.g. operating system, browser, device)

Please add screenshots, if applicable (Drag & Drop your ss below)

Add any other context about the problem here

Description of the bug

Working Environment (e.g. operating system, browser, device)

Please add screenshots, if applicable (Drag & Drop your ss below)

Add any other context about the problem here

Description of the feature, you want to add.

Mention if this feature is for any specific Working Environment (e.g. operating system, browser, device, N/A)

Please add some pictorial references to the feature, if applicable (Drag & Drop your ss below)

What will be your aprroach to add this feature?

Any other context you have, to add here regarding this feature.

Description of the feature, you want to add.

Mention if this feature is for any specific Working Environment (e.g. operating system, browser, device, N/A)

Please add some pictorial references to the feature, if applicable (Drag & Drop your ss below)

What will be your aprroach to add this feature?

Any other context you have, to add here regarding this feature.

Description of the feature, you want to add.

Mention if this feature is for any specific Working Environment (e.g. operating system, browser, device, N/A)

Please add some pictorial references to the feature, if applicable (Drag & Drop your ss below)

What will be your aprroach to add this feature?

Any other context you have, to add here regarding this feature.

Description of the bug

Working Environment (e.g. operating system, browser, device)

Please add screenshots, if applicable (Drag & Drop your ss below)

Add any other context about the problem here

Description of the feature, you want to add.

Mention if this feature is for any specific Working Environment (e.g. operating system, browser, device, N/A)

Please add some pictorial references to the feature, if applicable (Drag & Drop your ss below)

What will be your aprroach to add this feature?

Any other context you have, to add here regarding this feature.

Description of the feature, you want to add.

Mention if this feature is for any specific Working Environment (e.g. operating system, browser, device, N/A)

Please add some pictorial references to the feature, if applicable (Drag & Drop your ss below)

What will be your aprroach to add this feature?

Any other context you have, to add here regarding this feature.

Description of the bug

Working Environment (e.g. operating system, browser, device)

Please add screenshots, if applicable (Drag & Drop your ss below)

Add any other context about the problem here

Description of the bug

Working Environment (e.g. operating system, browser, device)

Please add screenshots, if applicable (Drag & Drop your ss below)

Add any other context about the problem here

Description of the feature, you want to add.

Mention if this feature is for any specific Working Environment (e.g. operating system, browser, device, N/A)

Please add some pictorial references to the feature, if applicable (Drag & Drop your ss below)

What will be your aprroach to add this feature?

Any other context you have, to add here regarding this feature.

Description of the feature, you want to add.

Mention if this feature is for any specific Working Environment (e.g. operating system, browser, device, N/A)