Giter Club home page Giter Club logo

alphavio / wordnook Goto Github PK

View Code? Open in Web Editor NEW

This project forked from pranav016/wordnook

80.0 1.0 176.0 83.06 MB

Dynamically updating blogging website to upload articles and blog posts on various topics, developed using ejs template engine and node js in the backend.

Home Page: https://word-nook.herokuapp.com/

License: MIT License

JavaScript 32.73% CSS 16.89% EJS 48.63% Shell 0.17% HTML 1.47% Dockerfile 0.10% Procfile 0.01%
html css ejs expressjs nodejs mongoose heroku hacktoberfest

wordnook's People

Contributors

a7abhilash avatar aanchalrakheja avatar abhijay007 avatar abhinaba006 avatar allcontributors[bot] avatar ananyanegi avatar aniketlodh avatar ankita297 avatar athira2199 avatar ayush0730 avatar deepika-suk avatar dependabot-preview[bot] avatar dependabot[bot] avatar imgbotapp avatar innovation-platform avatar pankajkumarbij avatar prajjwalarora avatar pranav016 avatar priyanshu20 avatar rushankhan1 avatar sachindrafernando avatar sahilsaha7773 avatar satcasm avatar subhra264 avatar sukriti-sood avatar supzi-del avatar tanishq-arya avatar tend2infinity avatar thebeginner86 avatar vismitap 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  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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

wordnook's Issues

Fix the footer

Is your feature request related to a problem? Please describe.

Footer positioning and info not correct.

Describe the solution you'd like

Make the footer stick at the bottom for every page. Update the email in the footer to one on the contact page.

image

Improve README

About issue-

  • Add screenshots of the website to the README.
  • Add some GitHub tags and badges to beautify the README.
  • Add a section right above maintainer section, for the Open Source events this Project was a part of. Add first entry as JGEC Winter of Code with a short description and logo of JGEC.
  • Also add Mexili winter of Code for the Open Source events this Project was a part of. Add mexili logo and short description. Get info from their website.
  • The website has been deployed via heroku and the environment setup is for local use, update the README accordingly.

Feature Request | Dark Mode

Is your feature request related to a problem? Please describe the feature.

Feature request for Dark Mode

Describe how this feature will be useful to our readers.

Helps people with eye defects or dry eyes.

Design a new logo for the Project.

About issue-

  • Design a new logo for the project and make sure to include 2-3 options to choose from while making a pull request.

  • Designing a logo would also mean updating the current README banner after the final logo is chosen.

Improve the navigation bar.

Feature request

Improve the navigation bar and add some animation on hover.

Describe the solution you'd like

Add a gradual underline style on hover or add some animation/ style on your own, something that you feel will look good.

Describe how this feature will be useful to our readers.

Improves user experience.

Improve the header and the footer.

About issue-

  • Improve the design of the header and the footer.
  • Remove the current footer and replace it with a nicely designed footer with some hypothetical info and social media icons.
  • Make sure the components are responsive.

Add a new background for the website pages.

Feature request-

Add new background for the website pages.

Describe the solution you'd like

Design a background or suggest somethings to add to the website background. Make sure that the background is light and does not overpower the current aesthetics and the other components stay visible.

Describe how this feature will be useful to our readers.

Improves user experience.

Add Github actions for first time contributors

Is your feature request related to a problem? Please describe.

Add Github actions for the enhancement of the project

Describe the solution you'd like

A clear and concise description of what you want to happen.

We can add an Interaction bot for first-time contributors to this project to greet them with a message when they raise any issue or make any pull request solving any issue. This makes the project more attractive for contributors.

Add login system for writers and readers.

Feature request

Add a login system for writers and readers. Both will have separate privileges, only writers will be able to delete their own blogs. Readers cannot delete any blogs, they can only read or comment.

To sum this up, add a sign up and login system and allow only writers to delete their own blogs.

Describe the solution you'd like

You can passport js for authentication and login. A few new parameters need to be added to the blog schema like who wrote the article so that option only appears to them for deleting that article.

Describe how this feature will be useful to our readers.

No outside person/ reader can delete the blogs.

Improve the buttons on the home page.

Enhancement request:

The style of the buttons should be improved and it should be consistent since all the buttons are of different style. Buttons with animations on hover would help improve the overall experience.

Describe how this enhancement will be useful to our readers.

Improves user experience of using the website.

Improve the overall UI.

About issue-

Improve the User experience by using better color combinations and adding interactive components and animations to the website.

Update demo gif in README

Feature request

Update the demo gif in the README so that new changes made to the website are displayed

Improve UI/UX of the Homepage

Describe the bug

The current homepage to add/compose notes is too cluttered.

To Reproduce

Steps to reproduce the behavior:

  1. Go to 'https://blogsite321.herokuapp.com/'
  2. On Hompepage.

Expected behavior

Improving the Gestalt's law of UI which is the correct level of spacing and orientation of buttons would give a different appearance to the website.

Screenshots

Screenshot 2021-02-12 at 7 15 45 PM

Additional context

I would like to take this issue.

Deploy the website using Heroku

About issue-

  • Deploy the website on Heroku.

  • Before Deploying, make sure that the Data base for the project has been setup and you are able to store the data base keys in a hidden file ( like a .env file ) on heroku to connect the website to the DB.

Also READ #6 -> Important

Add pagination to posts and search page

Is your feature request related to a problem? Please describe.

Listing all the posts in a single page makes it difficult for the user to navigate when there are a lot of posts.

Describe the solution you'd like

  • Add pagination for both the search and home routes.
  • Add user input option to select number of posts to display on a single page

I want to work on this as a part of JWOC.

Assitance chatbot

Is your feature request related to a problem? Please describe the feature

Add an assistance chatbot to the website.

Describe how this feature will be useful to our readers.

It will help the new users on how to use the website/ how to publish vlog and clear doubts if any. It would also help them to tell us about any issue they face regarding the website.

Connect with Mongo DB.

About issue-

Connect the website with Mongo database to store the blog posts and make relevant changes to the documentation and app.js file.

Clause- The one who works on connecting the Website to MongoDB also has to work on deployment with Heroku issue #9
Set up on Heroku and Mongo ATLAS can be done using Alphavio's email that will be shared on Discord dm.

Design a Favicon for the website

Feature request

Design a Favicon and add HTML tag for it to the website.

Describe the solution you'd like

Favicon can be designed using different tools such as illustrator ,canva etc.
Color combinations should be good and should match the aesthetics of the website.

Describe how this feature will be useful to our readers.

Helps identify the website when multiple tabs are open.

Add delete button for comments and functionality such that only authenticated user can comment.

Is your feature request related to a problem? Please describe.

Add delete button for comments so that any vulgar comments can be deleted and functionality such that only authenticated user can comment. Remove name input-box for comments.
image

Describe the solution you'd like

  • Add functionality such that only authenticated user can comment
  • Add delete button for comments so that any vulgar comments can be deleted. For now delete button will be visible to all, not only to the person who has made that comment.
  • Since only an authenticated user can comment on posts and instead of taking input for name, use his/ her name from the database for the comment.

Describe how this feature will be useful to our readers.

Improves user experience

Adding Preloader to the site

Is your feature request related to a problem? Please describe.

The user has to wait for a while the page is loading and might close the site assuming the site is not working.

Describe the solution you'd like

Adding Preloader to the site will be a good option.

Describe alternatives you've considered

Optimizing the whole site and minimizing the loading time could also solve this problem but this seems to be not an optimized and smart solution.

Describe how this feature will be useful to our readers.

It'll grab the audience till the page is loading.

Additional context

https://i.stack.imgur.com/aI3V9.gif

Add a welcome bot

Is your feature request related to a problem? Please describe.
This bot would help a first time contributor so that that contributor can follow this project's contribution guidelines.We can link our issue template, pull request template and code of conduct here.It will contain newIssue Welcome comment, newPR Welcome comment, firstPR welcome comment,etc.

We can use a GitHub App built with probot that welcomes new users when they open their first issue. You can use this welcome message to provide links to resources like the contributing guidelines, code of conduct, etc. It should be located in a .github/config.yml

Demo 1

Demo 2

Make the input boxes look better and improve placeholder fonts.

Is your feature request related to a problem? Please describe.

Make the input boxes look better and improve placeholder fonts.
image

Describe the solution you'd like

Use better looking input boxes by styling them or using input boxes from any framework.

Describe how this feature will be useful to our readers.

Improves user experience

Improve buttons

Feature request

Improve the buttons and add some animations to the buttons on all the website pages. For example, currently the buttons on home page have different animation from buttons on compose or other page. Improve them and maintain some consistency.

Describe how this feature will be useful to our readers.

Improves user experience.

The posts are showed in a fixed order (that is old one first)

Is your feature request related to a problem? Please describe.

The posts are showed in a fixed order (that is old one first).

Describe the solution you'd like

  • Add user ability to control the order of posts shown for both the search and home pages.

Describe how this feature will be useful to our readers.

  • This feature will help users to find posts in an organized manner.

I want to work on this as a part of JWOC.

Improve footer.

Feature request

Add 3 or 4 column footer, use bootstrap or CSS grids. Add some hypothetical information like contact or office. Add social links in one column (use font awesome icons). Suggest some

Describe how this feature will be useful to our readers.

Improves user experience

GitHub action to test Node js code

Feature request

Add GitHub action to test Node js code

Describe how this feature will be useful to our readers/ contributors

Helps to review code in PRs easily.

Align dark mode button to bottom left corner

Is your feature request related to a problem? Please describe.

Align dark mode button to bottom left corner because it looks confusing as the access bot button is already there

Describe the solution you'd like

Just change position to the left in the CSS section of the script file of dark mode js

Describe alternatives you've considered

you can also place it at the top right corner next to "contact us:

Describe how this feature will be useful to our readers.

It improves UI and user experience

Additional context

Add any other context or screenshots about the feature request here.

screenshot

dark-mode

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.