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.
- 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.
Insert gif or link to demo
- React.js
- Express.js
- Node.js
- MongoDB
- CSS
- Material UI
- Context API
- Brcypt
- Fork the repository or clone the project
- Navigate to the "client" and "api" folders in separate terminals, then install the npm packages
cd api
npm install
- Create a .env file with custom key, as shown
MONGO_URL = <MONGO_DB_KEY>
- Now start the backend or api folder
npm start
- In separate terminal run command for the client side
cd client
npm install
npm start