collab-community / journey-book

Folks are welcome to share about themselves, even a little introduction is appreciated.
https://collab-community.github.io/journey-book/
MIT License
50 stars 76 forks source link

[FEATURE REQUEST] Website to download people's journeys #1

Closed KendallDoesCoding closed 2 years ago

KendallDoesCoding commented 2 years ago

A HTML site, which will display all the journey's by coders, that if tapped, you can view the persons journey in the browser, choose to download a txt file of it.

It's a little of the concepts from Linkfree but not really.

Adarsh-jaiss commented 2 years ago

-- that's a great idea man! Loved it! Let's do this πŸ˜ƒπŸ˜ƒ

But I don't know web development, so you can work on that or we have to bring out some open source web developers πŸ™‚ Who can contribute to this project

KendallDoesCoding commented 2 years ago

-- that's a great idea man! Loved it! Let's do this πŸ˜ƒπŸ˜ƒ

But I don't know web development, so you can work on that or we have to bring out some open source web developers πŸ™‚ Who can contribute to this project

I can code the HTML, CSS part of it, the suggestion only needs that much, I'm not that good at JS, I'll get to work on this during the week, but for now I suggest you learn some Web Dev, in your free time!

Adarsh-jaiss commented 2 years ago

-- okay , i am gonna try to manage to learn it !

-- wait a minute, i have to find someone who knows javascript well and can work with us on this project :)

KendallDoesCoding commented 2 years ago

-- okay , i am gonna try to manage to learn it !

-- wait a minute, i have to find someone who knows javascript well and can work with us on this project :)

ok cool!

KendallDoesCoding commented 2 years ago

@Adarsh-jaiss Please refer to https://github.com/Adarsh-jaiss/journey-book/discussions/19

KendallDoesCoding commented 2 years ago

@Adarsh-jaiss Okay, I need you to decide on the following:

Options a) Web Dev to individually add a page for every persons journey, to download the stuff b) Web Dev to code a bot to automatically, link the stuff from .json/.md files into the website (this will take much more work)

I can work on a for now, the issue with a is I need to be available anytime a user adds a journey, with b it takes time in the beginning but the end result is great, but idk how to do b, I can do a as that is basic.

Adarsh-jaiss commented 2 years ago

we should go for the 2nd option (b) because it will save a lot of time in future

KendallDoesCoding commented 2 years ago

we should go for the 2nd option (b) because it will save a lot of time in future

True, I can't do that tho , as I said.. I can work on the basic design of the site though.

Adarsh-jaiss commented 2 years ago

we should go for the 2nd option (b) because it will save a lot of time in future

True, I can't do that tho , as I said.. I can work on the basic design of the site though.

tell me one thing, is there any way that in future if we want to migrate from option (A) to(B) . so is that possible or not?

KendallDoesCoding commented 2 years ago

we should go for the 2nd option (b) because it will save a lot of time in future

True, I can't do that tho , as I said.. I can work on the basic design of the site though.

tell me one thing, is there any way that in future if we want to migrate from option (A) to(B) . so is that possible or not?

Idrk, but yeah ig.

KendallDoesCoding commented 2 years ago

I would still suggest we do b first, but that will need other help, as I know how to do a, you don't know web dev

Adarsh-jaiss commented 2 years ago

I would still suggest we do b first, but that will need other help, as I know how to do a, you don't know web dev

then let's do "B". I have messaged a web developer. waiting for her reply.

here's is her id: https://github.com/riti2409

KendallDoesCoding commented 2 years ago

I would still suggest we do b first, but that will need other help, as I know how to do a, you don't know web dev

then let's do "B". I have messaged a web developer. waiting for her reply.

here's is her id: https://github.com/riti2409

Ok cool! You can message @TechStudent11 too on their README.md repo in discussions tab, they may be down to help, but their a little busy these days with school, etc!

KendallDoesCoding commented 2 years ago

I would still suggest we do b first, but that will need other help, as I know how to do a, you don't know web dev

then let's do "B". I have messaged a web developer. waiting for her reply. here's is her id: https://github.com/riti2409

Ok cool! You can message @TechStudent11 too on their README.md repo in discussions tab, they may be down to help, but their a little busy these days with school, etc!

You can also contact @aliraza944 for JS help.

Adarsh-jaiss commented 2 years ago

-- thanks for sharing -- I am going to approach them tomorrow πŸ™‚

KendallDoesCoding commented 2 years ago

-- thanks for sharing -- I am going to approach them tomorrow πŸ™‚

Ok! You can tell them, I recommended them to you!

Adarsh-jaiss commented 2 years ago

I have approached @Techstudent11 for help, waiting for his replyπŸ™‚

KendallDoesCoding commented 2 years ago

I have approached @TechStudent11 for help, waiting for his replyπŸ™‚

Yup, got a email notific on that.

KendallDoesCoding commented 2 years ago

Created the "website" branch in this repo to work on this. @Adarsh-jaiss Please host that branch on Netlify, or I think I may be able to do so.

KendallDoesCoding commented 2 years ago

Created the "website" branch in this repo to work on this. @Adarsh-jaiss Please host that branch on Netlify, or I think I may be able to do so.

No, I can't.. Please host that branch on netlify, if you need any help you can reach out.

Adarsh-jaiss commented 2 years ago

Can you tell me how can I do that?

Adarsh-jaiss commented 2 years ago

Tell me the steps or processes

KendallDoesCoding commented 2 years ago

Can you tell me how can I do that?

Sure, but I've already setup my account so it may be wrong

Then, the site will deploy and any commits made to "website" will auto be deployed, although to change the domain name there are further instructions, for now you do the above.

Adarsh-jaiss commented 2 years ago

Okay -- link me the branch

KendallDoesCoding commented 2 years ago

Okay -- link me the branch

Netlify already knows the branches, you just need to tap where it says "main" under Branch and set it to website.

Adarsh-jaiss commented 2 years ago

Okay

Adarsh-jaiss commented 2 years ago

What should I fill in the my first project section

KendallDoesCoding commented 2 years ago

What should I fill in the my first project section

Please send ss,

Adarsh-jaiss commented 2 years ago

Documentation & knowledge base Or blog

Adarsh-jaiss commented 2 years ago

Or something else

KendallDoesCoding commented 2 years ago

Documentation & knowledge base Or blog

Send screenshot, can't understand.

Adarsh-jaiss commented 2 years ago

![Uploading IMG_20220310_121449.jpg…]()

KendallDoesCoding commented 2 years ago

@Adarsh-jaiss Please come here: https://github.com/Adarsh-jaiss/journey-book/discussions/24

KendallDoesCoding commented 2 years ago

Uploading IMG_20220310_121449.jpg…

Think you need to wait for it to upload then comment xD

TechStudent10 commented 2 years ago

So you want to be able to do is to download whatever "journey" a user has created.

So a couple of things

  1. Are you willing to
    1. build a server?
    2. deal with the client/server model?
    3. build an entire database?

If so, I would be willing to help.

Adarsh-jaiss commented 2 years ago

So you want to be able to do is to download whatever "journey" a user has created.

So a couple of things

  1. Are you willing to

    1. build a server?
    2. deal with the client/server model?
    3. build an entire database?

If so, I would be willing to help.

Yeah, that is all we want πŸ˜ƒ @KendallDoesCoding @techstudent11

Adarsh-jaiss commented 2 years ago

So you want to be able to do is to download whatever "journey" a user has created.

So a couple of things

  1. Are you willing to

    1. build a server?
    2. deal with the client/server model?
    3. build an entire database?

If so, I would be willing to help.

Let's do this guies πŸ˜ƒπŸ˜ƒπŸ˜ƒπŸ˜ƒ

KendallDoesCoding commented 2 years ago

So you want to be able to do is to download whatever "journey" a user has created. So a couple of things

  1. Are you willing to

    1. build a server?
    2. deal with the client/server model?
    3. build an entire database?

If so, I would be willing to help.

Let's do this guies πŸ˜ƒπŸ˜ƒπŸ˜ƒπŸ˜ƒ

I'm a noob, can only do basic HTML, CSS, can't do any of this, sadly :(

Adarsh-jaiss commented 2 years ago

@KendallDoesCoding it's okay bro 🀜 :)

TechStudent10 commented 2 years ago

Ok then here's what you need to do (I am not going to code the entire thing for you, where's the fun in that?).


  1. Learn how to create a server in your preferred language (JavaScript, Python, Ruby on Rails, etc.)
  2. Connect a database (i.e MongoDB, Postgres, SQLite, etc.) to your server
  3. Connect the frontend (in this case, your website) to the backend (your server).

You can then download the journeys by sending the user to a link on your server to download the journey in the database. You would also need to update your code to store and retrieve user's journeys using your server/database. You also need to handle differentiating different users (e.g creating users, session ID's, etc.).


Now some recommendations;

As for the server, you might want to get started using JavaScript, more specifically NodeJS. If you don't know what that is, here's my video on NodeJS and a more detailed one by Fireship:

My video: https://www.youtube.com/watch?v=ykvbkhZ6et0 Fireship's video: https://www.youtube.com/watch?v=ENrzD9HAZK4

You should use the Express library for the server.


For the database, you have two options. Number 1, an SQL database. SQL (if you don't know) stands for Structured Query Language and is used in a lot of server and database application. Your second option is a NoSQL or JSON (JavaScript Object Notation) database. Two example of a NoSQL database are MongoDB and Firebase. They both use JSON and are much easier to work with because they require little work on the server side.


Some resources to get you started

Server software Express - https://expressjs.com/ NodeJS - https://nodejs.org/

Databases MongoDB - https://www.mongodb.com/ Fireship - https://console.firebase.google.com

Hosting (you'll need it for the server, you could also use Firebase Hosting) Heroku - https://heroku.com Netlify - https://netlify.com


Happy Coding.

KendallDoesCoding commented 2 years ago

Ok then here's what you need to do (I am not going to code the entire thing for you).

  1. Learn how to create a server in your preferred language (JavaScript, Python, Ruby on Rails, etc.)
  2. Connect a database (i.e MongoDB, Postgres, SQLite, etc.) to your server
  3. Connect the frontend (in this case, your website) to the backend (your server).

You can then download the journeys by sending the user to a link on your server to download the journey in the database. You would also need to update your code to store and retrieve user's journeys using your server/database. You also need to handle differentiating different users (e.g creating users, session ID's, etc.).

Now some recommendations;

As for the server, you might want to get started using JavaScript, more specifically NodeJS. If you don't know what that is, here's my video on NodeJS and a more detailed one by Fireship:

My video: https://www.youtube.com/watch?v=ykvbkhZ6et0 Fireship's video: https://www.youtube.com/watch?v=ENrzD9HAZK4

You should use the Express library for the server.

For the database, you have two options. Number 1, an SQL database. SQL (if you don't know) stands for Structured Query Language and is used in a lot of server and database application. Your second option is a NoSQL or JSON (JavaScript Object Notation) database. Two example of a NoSQL database are MongoDB and Firebase. They both use JSON and are much easier to work with because they require little work on the server side.

Some resources to get you started

Server software Express - https://expressjs.com/ NodeJS - https://nodejs.org/

Databases MongoDB - https://www.mongodb.com/ Fireship - https://console.firebase.google.com

Hosting (you'll need it for the server, you could also use Firebase Hosting) Heroku - https://heroku.com Netlify - https://netlify.com

Happy Coding.

This seems like a lot of work.

Hosting (you'll need it for the server, you could also use Firebase Hosting) Heroku - https://heroku.com/ Netlify - https://netlify.com/

It's already hosted on netlify, we just need to update the domain.

@Adarsh-jaiss You can invite more people to work on this based on their skill set, if you don't want to do every thing, but for now, I can help you with the HTML, CSS, @TechStudent11 can help you when you do the listed by him for the JS.

Adarsh-jaiss commented 2 years ago

Okay great :) Now here's the roadmap and i am going to find someone who can do this with us :)

KendallDoesCoding commented 2 years ago

Any update on this @Adarsh-jaiss ?

Adarsh-jaiss commented 2 years ago

Some are interested but they are busy because of their semester exams. After exams they will work on this.

-- i have found someone who can create database And code javascript for the website :)

-- i am going to remind them about this :)

@kendalldoescoding

KendallDoesCoding commented 2 years ago

Some are interested but they are busy because of their semester exams. After exams they will work on this.

-- i have found someone who can create database And code javascript for the website :)

-- i am going to remind them about this :)

@KendallDoesCoding

Ok cool!

Even I'm busy with my final exams, will be free on the 9th April!

TechStudent10 commented 2 years ago

If you really just get stuck, I could provide some help.

Adarsh-jaiss commented 2 years ago

-- sounds great :)

Gbeka commented 2 years ago

Hi, guys! I am currently studying the React. I didn't work with the database. Is it possible to learn this in a short time? And I have a question, what exactly am I need to do? I'll try

Adarsh-jaiss commented 2 years ago

Can you write some javascript code for the website since @KendallDoesCoding will take care of html and css. And for the rest @TechStudent11 can help us Or guide usπŸ™‚

Gbeka commented 2 years ago

I can write Javascript:)

Can you write some javascript code for the website since @KendallDoesCoding will take care of html and css. And for the rest @TechStudent11 can help us Or guide usπŸ™‚