vivek-singh-13 / dhh-blog

A blog web app for DHH fans and for people who want to know more about DHH.

DHH Blog App

About The Project

DHH Blog is a MERN web application designed for Desi Hip Hop (DHH) enthusiasts. It aims to create an engaging online platform where users can discover, share, and discuss the latest news, music, events, albums, artists and culture within the Desi Hip Hop community. The app will provide a seamless user experience, offering features such as user registration, content creation, content updation and view other user's blog articles.

Features

• User Registration : Users can create an account, log in, and manage their profile information like updating email, password and profile picture.
• Blogs and Articles: The app features a dedicated section for news and articles related to Desi Hip Hop. Users can publish content, like albums releases, reviews, and editorials, keeping other users and the community up-to-date with the latest happenings in the DHH world.
• Blog Updation - Users can also update their blog content once published if they think they have made a mistake or even delete a blog.
• Design: The design of the DHH Blog web app will be visually appealing, with a focus on creating an immersive experience for Desi Hip Hop enthusiasts. One of the key design elements that will enhance the overall aesthetics of the app is the use of pleasing fonts throughout the user interface. It is important to choose fonts that are easy to read, especially when displaying content such as articles.

Demo

Insert gif or link to demo

Built With

• React.js
• Express.js
• Node.js
• MongoDB
• CSS
• Material UI
• Context API
• Brcypt

Installation

1. Fork the repository or clone the project
2. Navigate to the "client" and "api" folders in separate terminals, then install the npm packages

  cd api
  npm install

3. Create a .env file with custom key, as shown

  MONGO_URL = <MONGO_DB_KEY>

4. Now start the backend or api folder

  npm start

5. In separate terminal run command for the client side

  cd client
  npm install
  npm start

dhh-blog's Issues

Deployment of project

I want to deploy the website but the frontend on deployment is not able to call the backend. However the frontend is on 'Netlify' and the backend is on 'Render', individually they both are running fine. If anyone could solve this then it would be great help!