Code Monkey home page Code Monkey logo

wordnook's Introduction

WordNook


A sneak peek into what we have here

wordnook


About-

Forks Stars GitHub issues GitHub PRs Dependabot Status

All Contributors

Discord

  • 'Blog' and 'blogging' are now loosely used for content creation and sharing on social media, especially when the content is long-form and one creates and shares content on regular basis.

Edit with Gitpod

  • This is a dynamically updating Blog posting website developed primarily using Node Js with EJS template engine and Mongoose as ODM(Object Data Modeling library).
    Visit website

Technology Stack ๐Ÿ› ๏ธ

  • Coding Languages: JavaScript HTML5 CSS3

  • Tools & Frameworks: NodeJS Express.js MongoDB Mongoose EJS template engine

  • Project Management Tools: GitHub Git


Environment Setup for local use-

  • Drop a โญ on the GitHub repository.

  • Download Git (when you install Git, Git Bash also gets installed by default)

Option 1 (Installation using NPM and MongoDB)



  • Robo 3T is a desktop graphical user interface (GUI) for Mongo DB. It can help to skip running all the Mongo DB commands manually every time we want to access the data. Download Robo 3T (optional)

  • Clone the repository by running command
git clone https://github.com/<your user-name>/WordNook.git

in your git bash.

  • Run command cd WordNook.

  • Run this command to install all dependencies for the project.
npm install

  • Adding secret key for JWT auth.
    • Run this command when inside the root directory to make a .env file.
    touch .env
    
    • Now add this to the .env file
    SECRET_KEY = AlphaVio
    URL = mongodb://localhost:27017/wordnookDB
    NODE_ENV= 'development'
    

  • Testing : Run this command on your terminal/ bash to start the Mongo server on port 27017(default).
mongod

  • Run this command to start the project.
npm start

or

  • Run this command to start the project as a developer.
npm run dev

  • Open link to view the website in your browser window if it doesn't open automatically.
http://localhost:3000/

Option 2 (Installation using Docker)

  • Download and install Docker.

  • Clone the repository by running command

git clone https://github.com/<your user-name>/WordNook.git

in your git bash.

  • Run command cd WordNook.

  • Run this command to start the project:
docker-compose up --build 
  • Now explore the project and make the changes as you want. Once the changes are made then run the following command again:
docker-compose up --build 

This would again create a new image with your changes and will use it to start the containers. Now when you visit http://localhost:3000/ you would see your changes.

  • Once you are satisfied and want to make a PR then run following command:
docker-compose down 

This would stop all the running containers and will also delete them.

  • Check out our docker image at DockerHub: Wordnook Image or you can directly search wordnook on DockerHub (This just for your reference and is not required for installation)

  • You can learn more about Docker and its implementation at Docker Documentation

  • You can learn more about EJS template engine and its syntax to know how we can use it inside our HTML using the documentation


  • Now you are all set to use this project.

Some useful Mongo DB commands if you are using the terminal instead of the GUI-

show dbs
use db <db name>
show collections
<db name> .find()

Project Deployed on Heroku : Visit WordNook


Note -

    • If your git shows an issue with your package-lock.json while installing dependencies or throws error that lockfile version-2 is not compatible with your system Then check your npm version by running command
     npm --version
    
    • npm version should be 7 and above for lockfile version-2 that would come by default if you have a node version 15 and above.
      List of Node.js releases and corresponding npm versions

    • After upgrading your npm version, you can delete your package-lock.json file and run npm install again to fix the issue.

Disclaimer-

The Contact Us feature might not work in the local environment since the API-Key has not been shared. If you still want to work on it, generate your own API key from Mail Gun and include it in the .env file as

MAILGUN_API_KEY = <your-api-key>

Open Source Events Project is associated with:

1. JGEC Winter of Code

  • JWoC ( JGEC Winter of Code) is a program organised by Developers JGEC in collaboration with Sristi 2020 which helps students to plunge into the realm of Open Source contribution and Software Development.

2. Mexili Winter of Code

  • Mexili is a Free and Open Source organization whose motivation is to funnel learning and implementation through Open Source Software Development.

3. GirlScript Summer of Code

  • GirlScript Summer of Code is the 3 month long Open Source program conducted by GirlScript Foundation, started in 2018, with an aim to help beginners get started with Open Source Development while encouraging diversity.

4. PClub Summer of Code

  • PSOC( PClub Summer of Code ) is the 2 month long Open Source program during summers conducted by Programming Club, UIET, with an aim to help beginners get started with Open Source Development while encouraging Diversity .

5. Let's Grow More Summer of Code

  • Let's Grow More Summer of Code is a one month long Open Source program organized by LetsGrowMore Community to encourage student participation in open source software development under the guidance of mentors from the open source community.

6. Developer Days

  • The league of Developer Days is a 5-week long Bootcamp + Hackathon event, organized by Developer Days Community consisting of various sessions and challenges including contributions to Open Source Projects, with an aim to encourage students to get familiar with hands-on projects and software development.

Maintainers โœจ


Pranav Mendiratta

๐Ÿ’ป๐Ÿ“– ๐Ÿšง

Ananya Negi

๐Ÿ’ป ๐Ÿ“– ๐Ÿšง

Rushan Khan

๐Ÿ’ป ๐Ÿ“– ๐Ÿšง

Pranav Singh

๐Ÿ’ป๐Ÿ“– ๐Ÿšง

Ayush Jain

๐Ÿ’ป ๐Ÿ“– ๐Ÿšง

Contributors โœจ

Thanks goes to these wonderful people (emoji key):


Anubhab Sarkar

๐ŸŽจ

Subhra264

๐Ÿ’ป

Sahil Saha

๐Ÿ’ป

uttu2

๐Ÿ“–

pankaj kumar bijarniya

๐Ÿ“– ๐Ÿ’ป

Niveditha Palli

๐Ÿ–‹ ๐Ÿ’ป

Lucky kumari

๐Ÿ“– ๐Ÿ’ป

kanhaiya lal

๐Ÿ’ป

Tushar Jain

๐Ÿ“– ๐Ÿ’ป

Karun Karthik

๐Ÿ’ป

Harshit Aditya

๐Ÿ’ป

Aayush Garg

๐Ÿ“– ๐Ÿ’ป

Abhijay Jain

๐Ÿ’ป ๐Ÿ“–

Monojit Chakraborty

๐Ÿ’ป

Ankita297

๐Ÿ’ป ๐Ÿ“–

Aniket Lodh

๐Ÿ’ป

Monika Jha

๐Ÿ’ป

vismitap

๐Ÿ’ป

Ananya Negi

๐Ÿ’ป ๐Ÿ“– ๐Ÿšง

Rushan Khan

๐Ÿ’ป ๐Ÿ“– ๐Ÿšง

Ayush Jain

๐Ÿ’ป ๐Ÿ“–

Aanchal Rakheja

๐Ÿ’ป ๐ŸŽจ

Pranav Singh

๐Ÿ’ป

Tanishq Arya

๐Ÿ’ป

Satyam Singh

๐Ÿ’ป

Soumya Singh

๐Ÿ’ป

Osama Magdy

๐Ÿ’ป

Rhythm Verma

๐Ÿ’ป

This project follows the all-contributors specification. Contributions of any kind welcome!


Stargazers over time ๐ŸŒŸ

Stargazers over time

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

Watchers

 avatar

wordnook's Issues

UI modification of landing page, about, login ,signup

Describe the bug

A clear and concise description of what the bug is.

To Reproduce

Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior

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

Screenshots

If applicable, add screenshots to help explain your problem.

Additional context

Add any other context about the problem here.

Note: If you want to work on an issue, you should check if it has already been assigned to anyone. If the issue is free you can comment /assign to get the issue assigned to you.
If you are raising a new issue and want to work on it then also you should comment /assign under the issue to get it auto assigned.

Create a scroll back to top button

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

A clear and concise description of what the problem is.

As we will go down to look at all the blog posts, we may need to go back to top. For that we can't scroll back using the mouse.

Describe the solution you'd like

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

A scroll back to top button would be a lot helpful

Describe how this feature will be useful to our readers.

A clear and concise description of how this feature will be useful for our other readers.

The readers can directly go back to top from the bottom.


Note:
If you want to work on an issue, you should check if it has already been assigned to anyone. If the issue is free you can comment /assign to get the issue assigned to you.
If you are raising a new issue and want to work on it then also you should comment /assign under the issue to get it auto assigned.
Then you can directly start working on the issue.

Logo

I would like to design a logo for the site. Please assign if relevant.

We can add "Get In Touch" section in the footer of the website.

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

We can add "Get In Touch" section in the footer of the website.

Describe the solution you'd like

Actually I am working in the footer of another website and would like to contribute to this awesome website too.

I am attaching the sample one...

Screenshot (15)

If this idea seems good to you ..can you please assign it to me.

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.