javascript-mini-projects
javascript-mini-projects copied to clipboard
thinkswell
Hosting the website in MERN stack to showcase all the project
🚀 Issue Title: Host MERN Stack Website to Showcase Projects
🔍 Issue Description:
📌 Issue Overview Our repository contains a treasure trove of 40+ amazing projects, and it's time to make them shine by hosting a website using the MERN stack. This dedicated website will serve as a showcase for all these projects, allowing us to display our hard work and accomplishments to the world.
🏠 Proposed Solution We need to build a MERN stack website that can dynamically showcase all our projects. Here's a high-level overview of what we need to do:
MERN Setup: Set up the MERN stack (MongoDB, Express, React, Node.js) for our website.
Frontend Development: Create a React-based frontend that displays project information and allows users to navigate and explore our projects.
Backend API: Build a Node.js/Express backend to handle data retrieval and support the frontend.
Data Integration: Connect the website to our project repository data source to ensure the website stays up to date with new projects.
Hosting: Choose a hosting platform (e.g., AWS, Heroku, Netlify) and deploy our MERN stack website.
Custom Domain: Consider setting up a custom domain to make the website easily accessible.
📋 Tasks Set up the MERN stack environment. Develop the React-based frontend to display projects. Create a Node.js/Express backend for handling data. Integrate project data from the repository. Deploy the MERN stack website on a hosting platform. Configure a custom domain if necessary. 📅 Timeline This is a significant project, and we aim to showcase our projects in style within the next few sprints. Let's make our work visible to the world!
🙋♂️ Assignees (You can assign this issue to yourself or the relevant team member.)
📂 Labels Enhancement MERN Stack Web Hosting Showcase Projects 🧩 Dependencies (Mention if there are any other issues or tasks that need to be completed before starting this one.)
📝 Additional Information (Add any extra information or context that may be helpful for the team.)
It's time to bring our projects to the forefront and showcase what we've accomplished. Let's get started on this exciting journey! 🌟👩💻👨💻
Feel free to ask any questions or seek clarification if needed. Happy hosting! 🌐🚀
Please assign this issue to me I am experienced about 2+ years in developement
Hosting the website is big part actually we should work with team to did it at faster way minimum 1 front-end developer I want to design some part can you do @NitkarshChourasia minor part only as you say
@PBJI I should need access of the github repo to directly host to vercel can you give or you have any other solution
@harshalhonde21 if you want to display all the project on this site, one way to go to would be to host the app on vercel using your github account and use github API to integrate data from this repository, this way there will not be any need for setting up vercel on this repository.
Would that become way too complex? Once we have the project deployed, we shall add the link, images and description related to that in the README and description section of this repository for display.
I am suggesting this approach because @thinkswell is the host of this repository, so without his approval it is not possible for me to do what you are asking.
But let me tell you, He as well is a MERN stack developer and may have the required experience which can benefit and add value to your endeavour. @thinkswell ?
Ya I can try this and making you granted that i will host this project with good UI and I have great idea of github API I will do this approach
@harshalhonde21 I would like you to create a repository and elicitate those ideas into a README.md for now so that @NitkarshChourasia and me can provide suggestions and move it forward. Also would you like to use agile model to develop this project, I am good at implementing things faster and all at the same time, however that said my weakness is If while implementing I hit a knowledge gap, I get demotivated easily and may abondan the project until I pickup inspiration again.
Just assign me tasks. I am ready whatever I get assigned to do.
@PBJI I am totally commited to work in the front-end part. @harshalhonde21
@NitkarshChourasia sure, let's see how @harshalhonde21 moves it forward. He is the lead.
@PBJI I already start working on it let me know that is make PR after some - some changes ? Or after whole project.
And one more I have todo project which has good ui and main important localstorage saving capacity i added issue please assign me i will create PR for that in 10 mins only #911 i just want to to more enhancing TODO so please assing if not your requirement then you can close by PR for that
@harshalhonde21 are you integrating the project in this repository? If so that would actually be a little challenging for you in development, I think a better way would be to develop this prpject on a fresh repo? what do you think @harshalhonde21 ? After development we can merge it under contribution, and use your original one for deployment.
In TODO folder there is many todo project with mern, plain html,css and js and many more i want to add there i have already folk and added there i already finished the work if you will assign i make pr u can review then u can merge
@harshalhonde21 jist create the PR, I'll check and merge it, if it doesn't violate repo rules.
can i add another todo project in todo folder it is under repo rules na? @PBJI
@harshalhonde21 also do try to inculcate a feature where it shows how many people contributed on that particular project and who enhanced them if any, via commit history using github api. The github prpfiles should open up when pressed on a such dynamically generated badge. ☺️
And also if you would like you can upload this project on github for me and @NitkarshChourasia to participate in it. I can work autonomously as well as under your lead to reduce development time and take part in acitivites in parallel.😋
One more issue I had with this idea is, how would we display dynamic projects that uses npm dependencies or other scripts to run ? We can tackle this issue together efficiently 😅 but I would again persist on using a collaborative approach to develop this project to discuss various issues that might pop up later.
OKK contribution stuff can solve by we can add the contribute.json file in the main project where the mentor @PBJI you can add the particular person who contribute to project.
And I will upload the whole project of frontend in github by 14-10-2023 then we 3 can collabrate to make the project awesome.
we can host all the project 1 to 1 project and the link provided on the main hosted project and npm dependencies can be hosted don't worry i have much knowledge of hosting of frontend as well as backend project.
@harshalhonde21 Mentor 😂 thanks for that title, my student. Jokes aside, thanks for your confirmation now I am fully certain we can do this.👍👍
Ya, right @PBJI and @NitkarshChourasia we will do this all in just 5 days from tommorrow I will make repo and we together make the site awesome and best
Anyway, @harshalhonde21 guide us. I am a newbie in this, hosting stuff.
@PBJI I want to create React.js folder in main project it is very efficent to us becuase many people should contribute to that to build the main ui did I do Pr
@harshalhonde21 can you elaborate the steps you will take to achieve this? I am sorry, not able to visualize what you are trying to convey by that
I want to created frontend folder in the repo of javascript -mini-project so should I create Pr for that because it is easy to me as well as many contributor should take part in it
@harshalhonde21 Okay I get it now. Create the PR, we'll review and merge together.