Bitbox-Connect / Bitbox

Bitbox is a collaborative platform aimed at bringing together solutions for various projects. It offers a space where users can share and solve challenges collectively, helping to streamline development and idea generation in a community-driven way.
https://bitbox-in.netlify.app
MIT License
62 stars 94 forks source link

Making the website responsive and converting it to Tailwind CSS. #3

Open Bhum-ika opened 1 month ago

Bhum-ika commented 1 month ago

Kindly assign this issue to me under hactoberfest, gssoc-ext and relevant tags so I can start working on its responsiveness

Anuj3553 commented 1 month ago

Kindly assign this issue to me under hactoberfest, gssoc-ext and relevant tags so I can start working on its responsiveness

Hey Bhumika,

I have given the permission to clone the project. Check it out and accept the invitation in your profile.

Bhum-ika commented 1 month ago

Accepted. KIndly assign the required badges

Anuj3553 commented 1 month ago

Accepted. KIndly assign the required badges

First, don't worry about the badge. We will assign it to you after you complete the task. Once the task is completed, we will give you the badge.

Anuj3553 commented 1 month ago

If you want to start working, we will create a new branch for you so you can work seamlessly. We will check your branch to ensure it is compatible, and then we will push your code.

Bhum-ika commented 1 month ago

Okay, sure

Anuj3553 commented 1 month ago

Okay, sure

What kind of work would you like to do? Can you give me some ideas? What is your area of expertise in the tech stack?

Bhum-ika commented 1 month ago

As I mentioned previously, I will ensure that the website is responsive on all devices. My expertise lies in React and Tailwind CSS.

Anuj3553 commented 1 month ago

As I mentioned previously, I will ensure that the website is responsive on all devices. My expertise lies in React and Tailwind CSS.

Okay bhumika, If you have any questions or additional information, free feel to add them here. Your contributions are highly appreciated 😊.

Bhum-ika commented 1 month ago

Hi Anuj, your project already has Tailwind installed, so why is it coded in CSS? I can convert the entire CSS into Tailwind, which would be more convenient. Please let me know.

Anuj3553 commented 1 month ago

Hey @Bhum-ika,

Thanks for pointing that out! Feel free to go ahead and convert the CSS into Tailwind. It would definitely make things more streamlined and convenient. Appreciate your help!

Bhum-ika commented 1 month ago

Okay, so what i'll do is i am raising an issue for conversion and this issue will be for making it responsive. Is that okay?

Anuj3553 commented 1 month ago

I'll edit the issue title, so this issue is currently aligned with your requested requirements.

Bhum-ika commented 1 month ago

Okay

Bhum-ika commented 1 month ago

Hi @Anuj3553

image

It is running like this locally. Do you know what might be the issue

Anuj3553 commented 1 month ago

Do you mean localhost://PORT

Bhum-ika commented 1 month ago

Yeah

Anuj3553 commented 1 month ago

Yes it is running in your local system and pre production is always will be on locally.

Bhum-ika commented 1 month ago

I am trying to convey that only this section is visible, without any header, footer, or other components. How am I suppose to see other components

Anuj3553 commented 1 month ago

I am trying to convey that only this section is visible, without any header, footer, or other components. How am I suppose to see other components

I think it is a mistake of someone contributor's.

Bhum-ika commented 1 month ago

Yes, please check

Anuj3553 commented 1 month ago

Sorry, unfortunately i am busy right now in my company. Can you fix this?

Bhum-ika commented 1 month ago

I'll see into it

Anuj3553 commented 1 month ago

The mentors are also doing nothing. I have to handle all the things.

Bhum-ika commented 1 month ago

Yeah, I know Don't worry if this issue persists I'll fix it

Anuj3553 commented 1 month ago

You can raise a new issue for this. So for this it is counting marks separately.

Bhum-ika commented 1 month ago

Sure, thank you

Bhum-ika commented 1 month ago

@Anuj3553 can you brief the steps for running the backend of this project, I have connected MongoDB, but from there, it got stuck

Bhum-ika commented 1 month ago

@Anuj3553 Please reply

Anuj3553 commented 1 month ago

Okk, share the error to me.

Anuj3553 commented 1 month ago

Check the mongodb string is correct or not. If there is problem then change string of mongodb compass.

Bhum-ika commented 1 month ago

If you'll just run the frontend, you'll encounter that issue too

Bhum-ika commented 1 month ago

It is perfect. It is getting connect and printed the successful message too.

Anuj3553 commented 1 month ago

Good @Bhum-ika, If you have any other question or stucked ask to me freely.

Bhum-ika commented 1 month ago

It's working but i am not able to run it, only frontend is running currently on my laptop and seeing the code, seems it will work fine when client and server both are running. Could you please check once and if that's the issue only then kindly brief the steps for running server after connecting mongoDB

Anuj3553 commented 1 month ago

It's working but i am not able to run it, only frontend is running currently on my laptop and seeing the code, seems it will work fine when client and server both are running. Could you please check once and if that's the issue only then kindly brief the steps for running server after connecting mongoDB

Hyy @Bhum-ika,

Step1 -> Open first terminal and type -> cd client, npm i and then npm run dev Step1 -> Open second terminal and type -> cd server, npm i and then nodemon index.js

Bhum-ika commented 1 month ago

Hey, aren't you on discord? I am getting some errors after running nodemon command

Anuj3553 commented 1 month ago

Yes I'm in discord. Here's my id - anujv3553. If you go to my profile i provided social links to easily connect with me.

Bhum-ika commented 1 month ago

Please check discord.