Code Monkey home page Code Monkey logo

threadify'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

threadify's People

Contributors

arturba avatar coding-hashira avatar e-fais avatar kuberaspeaking avatar prakhartiwari0 avatar pushkaraj2007 avatar sanchitbajaj02 avatar shreyas0924 avatar stevenovak123 avatar tanmaybhosale avatar theritikchoure avatar tmsagarofficial avatar vaibhavmishra4g 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  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

threadify's Issues

Making this site into a PWA

I want to let u know that this project will, be great as a PWA and hence I can work on doing this. Looking forward for more contributions in this project.

Add a README

Currently, the project is using default README of NextJS, which is definitely not good. It'll be better to add a custom README.

[Bug] Fix background color

Bug

  • Background color is set to black and hence can't properly view the text

Screenshot (50)

Fix

  • change the background-color in the global CSS file to white

Improve the UI of dashboard page

Description

Currently, the dashboard page's UI is not much good in terms of design ( head to Dashboard page to get an overview )

We have to make the design look better as it is one of the crucial parts of our project

How to:

  • Head to the pages/dashboard.tsx file
  • We are using Tailwind CSS for designing so having knowledge about it is necessary
  • Now you are free for your creativity, design the page as you like

[BUG] Change default favicon

Problem:

Currently, the application is using the default icon of NextJS, we have to change it to the Threadify logo.

Solution:

Go to components/Meta.jsx and change the favicon href from /favicon.ico to /threadify-logo.png

No contributors listed on Contributors page

Describe the bug
No contributors are listed on the contributors page.

To Reproduce
Steps to reproduce the behavior:

  1. Go to "Website".
  2. Go to 'Contributors Page.'

Expected behavior
Contributors are supposed to show?

Screenshots
image

Desktop (please complete the following information):

  • OS: Windows 10
  • Browser Chrome

Error while Getting started

Describe the bug
Not able to Get started with twitter

To Reproduce
Steps to reproduce the behavior:

  1. Visit https://threadify.vercel.app/
  2. Click on Get started
  3. It redirects to the twitter page
  4. error : Something went wrong

Expected behavior
Should be able to login

Screenshots

Screen.Recording.2023-04-08.at.11.13.37.AM.mov

Desktop (please complete the following information):

  • OS: MacOS
  • Browser : Chrome

[DOC] Update image in the readme file

Problem

We have decided our project logo and placed it on the website, still, the image in the readme file is not updated which has to be.

Solution

  • Head to https://threadify.vercel.app
  • Take a screenshot
  • Update readme.md with the screenshot you have taken
  • Commit changes
  • Push changes and create a pull request

[FEAT] Add project logo instead of emoji.

Description:

We recently decided our project logo, and I want it to be displayed on the navbar and footer, Just replace the '๐Ÿงต' emoji with the image 'public/logo.svg'.

Solution:

  • Navigate to 'components/Navbar.tsx' and 'components/Footer.tsx'
  • Replace <p className="text-[20px]">๐Ÿงต</p> with <img src="/logo.svg" className="h-12" alt="" />

Add Code of Conduct and Pull Request Template

A code of conduct is a document that outlines expectations for behavior and interaction within a community or project, while a pull request template is a standardized format for submitting proposed changes to the project.

Having a code of conduct helps establish a welcoming and inclusive environment, where all participants are treated with respect and dignity. It can also provide a framework for resolving conflicts and addressing issues that may arise during the development process.

A pull request template, on the other hand, streamlines the process of submitting changes to a project by providing a consistent format for contributors to follow. This can include details such as the purpose of the proposed changes, any relevant links or resources, and instructions for testing and reviewing the changes.

Remove unnecessary node packages

Problem

Currently, we are not using the 'daisyui' library but still, it is in the project which ultimately makes a large bundle and makes our site slow in production.

Solution

Here are the steps to fix this issue:

  • Fork the repository
  • Clone it
  • run npm uninstall daisyui
  • commit changes
  • push changes and create a PR

.env not mentioned for contribution.

Hi ๐Ÿ‘‹
While looking to contribute to the repository, I found out that in Contribution Guidelines, there is no mention of any type of environment variables a contributor needs to set up before contribution.

I think I might be able to maintain that into the documentation so please assign me this issue.
Thank you

Updating the Footer is required

Describe the bug

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://threadify.vercel.app/
  2. Scroll down till the end of the page to copyright part.
  3. See

image

image

Expected behavior
The year is expected to be 2023

Screenshots
image

Desktop (please complete the following information):

  • OS: Win11
  • Browser Opera
  • Version LVL4 (core: 95.0.4635.74)

Get started button doesn't work

Describe the bug
The get started button does not work

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'Website'
  2. Click on 'Get started'

Expected behavior
It is supposed to go to twitter, where you give permission to the app to access your twitter account or something like that.

Screenshots
image

Desktop (please complete the following information):

  • OS: Windows 10
  • Browser: Chrome

Doesn't accept Domain Emails

I didn't mark this issue as a bug, as it technically isn't one..

We cannot sign up for early access using domain email, which is fair enough but if most coders are going to be using this tool, they may want to sign up from their domain email.

Screenshots

image

[FEAT] Create sign up for early access page

Currently we don't have any sign up for early access page or it's design.

It'll be great if we create one for users who want to use this product.

You are free for your creativity of designing.

On the page there should be a form with two input fields:

  • Email
  • Twitter username

we just need a frontend for now, form submission API routes will be created after the frontend gets completed.

Create a Layout component

Currently, we have navbar and footer components in index.tsx, but when we have new routes these components won't be visible.

Ideally, there should be a Layout component that contains the nav and footer components. This Layout component then wraps around < Component /> from the _app.tsx file.

This will make the navbar and footer available on all the pages.

[FIX] Fix Title of the Website

Problem

Currently, Threadify's title is the default one NextJS gives, which is Create Next App. It should be changed to Threadify.

Solution

In pages/index.ts file, replace the 'Create Next App' in <title> tag with 'Threadify'.

Make dashboard page responsive

Description:

  • Currently, the dashboard page is not responsive ( head to Dashboard page to get an overview ).
  • We have to make it responsive so the users visiting the site on small screen devices can get a good user experience.

How to:

  • Head to the pages/dashboard.tsx file
  • We are using Tailwind CSS for designing so having knowledge about it is necessary
  • Change some element styles according to different screen sizes
  • Make it responsive by using units like rem, em, etc. instead of px

Add a Contributing Guide

Currently, we don't have any contributing guidelines for this project. It'd be great to add one, as it'll help new contributors understand the project well, and contribute in a better way.

Also, I'm completely fine if someone else wants to work on it! ๐Ÿ˜‰

[FEAT] Email when signed up for the waitlist/early access.

Send a email, when user signs up for the waitlist/early access to the software.

The email can either include, a confirmation, please click the link to confirm you signed up, if it wasn't you, please ignore this email OR a Welcome to Threadify, here's your {early access link}.

[FEAT] Design a logo for this project

Currently, we don't have decided a logo for this project and we need one to show on the website and to create social profiles.

You can create a logo and upload it in the comments on this issue, once your designed logo gets approved, you can add your name to the contributor's section.

If you want to know what this project is exactly about, you can view Pushkaraj Kulkarni's original tweet.

Thanks for your time :)

Update of social links to enable opening in new tabs

Describe the bug
All the social links at the bottom of the page open in the same tab as the current tab.
Changing this to open in new tab will make its use more comfortable to users as they don't hav to go to previous tab for every social logo .

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://threadify.vercel.app/
  2. Scroll down to see the social logos( github and twitter)
  3. Click on twitter or github logo.
  4. See that whatever social logo is clicked that link is opened in the same tab as the current tab

Expected behavior
I would like this to be able to open each social link in a new tab for ese of use and access of the threadify after use of social links

Screenshots
See that these links open in the same tab

image

image

Desktop (please complete the following information):

  • OS: Win11
  • Browser: OPera
  • Version: LVL4 (core: 95.0.4635.74)

Add Google Sign-In method

As Twitter has changed its API policy and pricing, we can no longer use its Oauth service to authenticate users with Twitter SignIn. We need to find alternate methods for authenticating users.

Google Sign-In can be a great way to authenticate the user.

Add Repository Link In Home Page

On the home page, it's mentioned that the project is open sourced, but the repository's link isn't given anywhere.

I believe you can add the repository link in the socials tab on the home page:
IMG_20221009_093844.jpg

Add Issue Templates

As of now, this repository doesn't have any issue templates, which makes issues quite inconsistent. It would be better to add some common issue templates (Such as bug, feature, enhancement, docs)

Also, if someone else wants to work on this issue, I'm completely fine with that!

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.