prakhar9015 / blog_website

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

blog-website 🎸

This is a blog website, i created it as a project while learning from Dr. Angela Yu, on Udemy.
I find this platform as a form of self expression, i never knew that i could write blog posts, that was somewhere hidden inside of me.
Thankyou Dr. Angela yu for this wonderful project , i am always grateful for it πŸ’™
and thanks to all of my friends to making this website better by giving their valuable feedback πŸ˜‡


you can check my final website here πŸ‘‰ blogsfromheart🎸

Here are some glimpse of the final product:


contact me page πŸ“¨ πŸ‘‡


Requirements πŸͺ§

Make sure to install these πŸ‘‡ before starting to work on this project πŸ› οΈ

  • Node js πŸ’š
  • MongoDB πŸƒ

✨ Here is how to get started: βœ… πŸš€

  • Open command line and type πŸ‘‰ npm install πŸš€
  • use command πŸ‘‰ nodemon app.js to open the website on browser
  • website will open on port 5000 locally.
  • Make sure to create or update your own .env file, examples are already provided, just fill in the details
  • Update the .env file to use Compose and Delete routes/pages

Things to remember: πŸͺ§

  • Update the Favicon , to your own custom image
  • In post page, update the author image from your own image
  • Make sure, to update the share links to your own website URL, from line 28, in `post.ejs`
  • Make sure to update the social icons links to your own profile

Features βš’οΈ

  • Home page using lazy loading and a nice progress bar to keep track of the page
  • Can send email in a very customized way πŸ“¨
  • Users can see their name once they click the send button in contacts page
  • Compose and delete page routes are hidden using .env paths, so only owner can post and modify πŸ”
  • A nice compose page, having current date of the post written and option for adding images πŸ–ΌοΈ

Let's make it better together 😊

  • You can help make this website reponsive.
  • currently it can work on mobile phones, but that's not very fine

For any query, either create an issue or a pull request.

You can also send me the message using the contact page of the website, link above πŸ‘† for any query

πŸš€ If you enjoyed building this project and made your very own blog website, kindly share with us, so that we all can appreciate it.


with ❀️ prakhar

About


Languages

Language:EJS 53.3%Language:CSS 38.3%Language:JavaScript 8.4%