adavijit / blogman Goto Github PK
View Code? Open in Web Editor NEWA Blog Web Application, specially made for open source contribution. Simple MERN (MongoDB, ExpressJs, React, Node) technology has been used
A Blog Web Application, specially made for open source contribution. Simple MERN (MongoDB, ExpressJs, React, Node) technology has been used
Forget password needs to be implemented
If you have any queries feel free to ask me.
Happy coding :)
The front end for the newsletter sign up is not created yet. So, create a dummy page for signing up to newsletter and connect it to a mailchimp email list.
Create a simple and easy to use wireframe for a user profile. Like a instagram or facebook profile, it should have all links and details of users. A user profile for a user on Linkedin should be a good example of what is expected.
The blogman website is not completed yet. Before its completion, a dark theme needs to be ready to apply to it.
Make use of your own dummy page and name it as "dark_theme_2.html".
Include, text, image, icons, emojis etc to it and give it a really cool dark theme.
This page will later on be used to add the dark theme to the complete website.
Create a separate CSS file and a separate folder for this theme.
Along with front-end and back-end, make a folder dark-theme and include the css and html file there before commiting.
BlogMan is a social blogging platform, where anybody can come up to share their views and also can read other's opinion related to any topic.
BlogMan is a way to connect with people and to know how the world is thinking.
We are using MERN for this
So design Readme file accordingly.
I will create ui design for blogman application using XD .
BlogMan is all about sharing knowledge. It will have a books suggestions section.
Create a simple wireframe for the page dedicated to a particular book.. it will display:
name of book, author, pic, stars, genre, description.
add to favorite button for book
anything that comes to your mind and you think is needed on this page can be added.
Is there any specific reason to put both frontend and backend on the same port because they both can't run simultaneously?
Create a model in mongodb for blog posts.
It should include
BlogMan will have a quiz section where various types of questions will be asked like mcqs, subjective, numericals etc.
Create wireframe for NUMERICALS questions.
While the backend port was changed to 5000
, the frontend is still making API requests to port 3000
In the PR #43, while resolving conflicts this error was introduced.
udemy.com provides API to fetch the data of particular courses based on a search query parameter.
Make UDEMY API calls in the back end based on different search criterias like domain(web dev, data science), stack(mern mean, flutter etc) and authors.
Fetch the JSON data and display it.
udacity provides API to fetch the data of particular courses based on a search query parameter.
Make udacity API calls in the back end based on different search criterias like domain(web dev, data science), stack(mern mean, flutter etc), university and authors.
Fetch the JSON data and display it.
BlogMan is all about blogging. Create a wireframe for a blog page which will have all the basic features of a blog. The topic, content, comments, likes, etc of a article. Try to make it minimilistic and simple.
You need to make a navigation bar component (Refer the screenshot below)
Happy coding :)
Create a login-signup component with React.
Working directory is /front-end/
Happy Coding :)
A QnA section like that of Stackoverflow has to be made in the website. Create a simple and easy to use wireframe.
This wireframe should show all the questions and a short answer(100 words only) to each question.
A separate wireframe will be created dedicated to one question through another question.
For those of you, not into coding too much. Here is an issue.
Come up with new, exciting, and innovative ideas for a Blog and Education website like BlogMan.
Let your imagination run wild and far away.
You can do research on internet, search through similar sites etc.
We want innovative ideas.
Create a separate folder in the main code along with backend and frontend folder. Name it "New_Ideas" and put your ideas in a text file in that folder.
The blogman website is not completed yet. Before its completion, a dark theme needs to be ready to apply to it.
Make use of your own dummy page and name it as "dark_theme_3.html".
Include, text, image, icons, emojis etc to it and give it a really cool dark theme.
This page will later on be used to add the dark theme to the complete website.
Create a separate CSS file and a separate folder for this theme.
Along with front-end and back-end, make a folder dark-theme and include the css and html file there before commiting.
Username and password should be of at least some fixed number of characters.
The regular expression can be changed for length from /^[a-zA-Z0-9]+$/
to /^[a-zA-Z]([a-zA-Z0-9_]){2,15}$/
Since, the UI for and signup page is noe updated. Update the routes in the back end and make the flow as per mentioned.
The blogman website is not completed yet. Before its completion, a dark theme needs to be ready to apply to it.
Make use of your own dummy page and name it as "dark_theme.html".
Include, text, image, icons, emojis etc to it and give it a really cool dark theme.
This page will later on be used to add the dark theme to the complete website.
Create a separate CSS file and a separate folder for this theme.
Along with front-end and back-end, make a folder dark-theme and include the css and html file there before commiting.
BlogMan is all about sharing knowledge. It will have a books suggestions section.
Create a simple wireframe for this page.. it will display:
When a new user visits the website, he/she should be able to login using their github account. Implement the functionality along with a dummy login/signup page.
Read through the issues that have been created until now and update the readme file with the new features that are being added to the blogMan. Specify the features that blogMan has. read the features from issues.
While resolving the issue #29, the PR #60 introduced the following line in the users model.
BlogMan/back-end/src/models/User.js
Line 12 in 219e998
Which leads to the following error.
The index
should be set to true
.
BlogMan will have a section where users will be able to compare online coding courses all across the internet and rank them according to the popularity of course. The courses will be displayed rank wise.
Take reference from https://hackr.io/ and create a wireframe for a particular course.
After the comparison results are displayed, if the user clicks on one particular course, all the details of the course will be displayed. ALL details. Create that wireframe for that particular course.
Take reference from hackr.io to see what you might want to include.
React Ant Design has a vivid collection of components, even more than angular material. It also has notification components (like the ones which show success/error message on completion or failure). I think it would be good to implement all the components using Ant Design as the official docs make them quite easy to implement
Create a recommendation algorithm to recommend a user about new posts and new courses available based on their previous history of interests, likes, comments and their skills. The new suggested posts are supposed to be present in the database and the users history and their previous likes are also supposed to be stored in DB.
BlogMan will have a Our Team section displaying the name, pic, role and a small description of the team behind blogman.
Create a simple and easy to navigate wireframe for that.
Search over the internet for free APIs that provide a list of books given a query parameter.
Implement the logic in backend.
The website will have a page dedicated to displaying the result of online courses comparison. The wire frame should include features like add to favorite button, comment, name, topic and description of the course.
The wireframe should be easy to use and simple.
Take a look at this to get an idea.
The mongoose.connect
function in backend/server.js
is not being checked for errors.
Implement login functionality using MongoDB and express
Create a folder backend inside root directory if not available
In the QnA section, when a user clicks on a particular question, he will be directed to a page dedicated particulary to that question and all its answers till date. create a simple and easy to use wireframe.
Also add anything you think are needed to be added.
When a new user visits the website, he/she should be able to login using their github account. Implement the functionality along with a dummy login/signup page.
BlogMan will have a quiz section where various types of questions will be asked like mcqs, subjective, numericals etc.
Create wireframe for SUBJECTIVE questions.
As per the new user model, also change the route and front end code to suit the new model in mongodb.
BlogMan will have a quiz section where various types of questions will be asked like mcqs, subjective, numericals etc.
Create wireframe for MCQ questions.
After a user logs in using his account, the page with different blog articles should appear. Design that blog Page. The wireframes will be provided in a day or two, until then comment if you are interested.
Also, have a look at the "blog post mongodb model" to see all the fields that you have to include while designing.
Create a mongoDB model for the users using the course comparison and blog website.
It should include the following fields :
The login and signup component is directly accessing the API with hardcoded URL's. The API calls should be abstracted into their respective services.
Participants are getting error messages and not able to connect to the mongoDB server. Fix the issue. Also add local as well as an online cluster connection. As of now, just let the statement with the local connection work and comment out the connection to the online cluster.
Whoever who will take up this issue is supposed to:
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.