https://github.com/sidp919/blog-it-now

A Developer's Personal Blogging Full-Stack Multi-platform(Web & Android) Application which is built using React Native, React.js, Node.js, MongoDB, Redux, Express.js, Mongoose and few other additional libraries & resources. (Development-In-Progress)
https://github.com/sidp919/blog-it-now

async-storage auto-login-signin email-verification handlebars-template jsonwebtokens local-storage mongodb nodejs-server nodemailer password-reset react-native react-native-render-html react-navigation react-router reactjs redux-toolkit session-management session-storage theme-switching

Last synced: 4 months ago
JSON representation

A Developer's Personal Blogging Full-Stack Multi-platform(Web & Android) Application which is built using React Native, React.js, Node.js, MongoDB, Redux, Express.js, Mongoose and few other additional libraries & resources. (Development-In-Progress)

• Host: GitHub
• URL: https://github.com/sidp919/blog-it-now
• Owner: SidP919
• License: mit
• Created: 2023-12-15T06:59:57.000Z (over 1 year ago)
• Default Branch: Main
• Last Pushed: 2025-01-19T16:13:35.000Z (5 months ago)
• Last Synced: 2025-01-19T17:26:19.350Z (5 months ago)
• Topics: async-storage, auto-login-signin, email-verification, handlebars-template, jsonwebtokens, local-storage, mongodb, nodejs-server, nodemailer, password-reset, react-native, react-native-render-html, react-navigation, react-router, reactjs, redux-toolkit, session-management, session-storage, theme-switching
• Language: JavaScript
• Homepage: https://blog-it-now-app.vercel.app
• Size: 3.24 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Blog-It-Now

A Developer's Personal Blogging App which is built using [React Native, React.js, Node.js, MongoDB, Redux, Express.js, Mongoose and few other additional libraries & resources](#tech-stack-of-blog-it-now).

**NOTE:** _The frontend of this application has been developed **without** using Expo._

## Table of Contents

- [Tech Stack of Blog-It-Now](#tech-stack-of-blog-it-now)

- [Blog-It-Now is a mobile-responsive application with multiple themes](#blog-it-now-is-a-mobile-responsive-application-with-multiple-themes)

- [Getting Started](#getting-started)

  - [Prerequisites](#prerequisites)

  - [Installation](#installation)

- [Congratulation & Notes](#congratulations)

- [License](#license)

- [About Me](#developed-by)

## Tech Stack of Blog-It-Now

- **Frontend:**\

![React Native](https://img.shields.io/badge/-React_Native-333333?style=flat&logo=REACT&logoColor=61DAFB&labelColor=000000)

![ReactJS](https://img.shields.io/badge/-ReactJS-333333?style=flat&logo=REACT&logoColor=61DAFB&labelColor=000000)

![Android](https://img.shields.io/badge/-Android-333333?style=flat&logo=android&logoColor=34A853&labelColor=000000)

![Redux Toolkit](https://img.shields.io/badge/-Redux_Toolkit-333333?style=flat&logo=redux&logoColor=764ABC&labelColor=000000)

![React Router](https://img.shields.io/badge/-React_Router-333333?style=flat&logo=reactrouter&logoColor=CA4245&labelColor=000000)

![React Navigation](https://img.shields.io/badge/-React_Navigation-333333?style=flat&logo=react&labelColor=000000)

![JavaScript](https://img.shields.io/badge/-JavaScript-333333?style=flat&logo=javascript&labelColor=000000)

![CSS](https://img.shields.io/badge/-CSS-333333?style=flat&logo=CSS3&logoColor=1572B6&labelColor=000000)

![HTML](https://img.shields.io/badge/-HTML-333333?style=flat&logo=HTML5&labelColor=000000)

- **Backend:**\

![Node.js](https://img.shields.io/badge/-Node.js-333333?style=flat&logo=node.js&labelColor=000000)

![Express](https://img.shields.io/badge/-ExpressJS-333333?style=flat&logo=express&labelColor=000000)

![MongoDB](https://img.shields.io/badge/-MongoDB-333333?style=flat&logo=mongodb&labelColor=000000)

![Mongoose](https://img.shields.io/badge/-Mongoose-333333?style=flat&logo=mongoose&logoColor=880000&labelColor=000000)

![JSON Web Tokens](https://img.shields.io/badge/-JSON_Web_Tokens-333333?style=flat&logo=jsonwebtokens&logoColor=ffffff&labelColor=000000)

[![Nodemailer](https://img.shields.io/badge/-Nodemailer-333333?style=flat&logo=gmail&logoColor=EA4335&labelColor=000000)](mailto:[email protected])

![Handlebars](https://img.shields.io/badge/-Handlebars-333333?style=flat&logo=handlebarsdotjs&logoColor=ffffff&labelColor=000000)

- **Others:**\

![NPM](https://img.shields.io/badge/-Npm-333333?style=flat&logo=npm&logoColor=white&labelColor=000000)

![Git](https://img.shields.io/badge/-Git-333333?style=flat&logo=git&labelColor=000000)

![GitHub](https://img.shields.io/badge/-GitHub-333333?style=flat&logo=github&labelColor=000000)

![ESLint](https://img.shields.io/badge/-ESLint-333333?style=flat&logo=eslint&logoColor=4B32C3&labelColor=000000)

## Blog-It-Now is a mobile-responsive application with multiple themes

### Blog-It-Now in Landscape mode

![Blog-It-Now screenshot 01](screenshots/landscape_01.png)

![Blog-It-Now screenshot 02](screenshots/landscape_02.png)

### Blog-It-Now in portrait mode

![Blog-It-Now screenshot 01](screenshots/portrait_01.png)

![Blog-It-Now screenshot 02](screenshots/portrait_02.png)

## Getting Started

### Prerequisites:

- Make sure Node.js and npm is installed on your machine.

### Installation:

- Clone the repository:

   ```bash

   git clone https://github.com/SidP919/Blog-It-Now.git

   cd Blog-It-Now

   ```

### Setup:

Now, move to the README files of frontend & backend parts of this application for completing their setup seperately on seperate terminal windows: 

- [Go to Frontend](https://github.com/SidP919/Blog-It-Now/tree/Main/DPB_Application_Frontend#readme) 

- [Go to Backend](https://github.com/SidP919/Blog-It-Now/tree/Main/DPB_Application_Backend#readme)

### __Done?__ 😲

## Congratulations

🎉 You're successfully running this Full-stack Application 🥳 and are free to make changes locally for now.\

We will update this README file once we are ready to allow contributions from others & consider pull-requests for the same.

### Now what?

- If you're new & curious to learn more about React Native for frontend apps development, check out the [Introduction to React Native](https://reactnative.dev/docs/getting-started).

- If you're new & curious to learn more about Node.js for backend API development, check out the [Introduction to Node.js](https://nodejs.org/en/learn/getting-started/introduction-to-nodejs)

## License

This project is licensed under the [MIT License](#MIT-1-ov-file).






[🔼 Back to Top](#readme)



## Developed By



**Sidharth Pandey** 

[![Email](https://img.shields.io/badge/-Contact_Me-FF671F?style=flat&logo=gmail&logoColor=FF671F&labelColor=ffffff)](mailto:[email protected]) 

[![LinkedIn](https://img.shields.io/badge/-Connect_with_me-06038D?logo=linkedin&logoColor=06038D&labelColor=ffffff)](https://linkedin.com/in/sidp919) 

[![Blog It Now](https://img.shields.io/badge/-Blog_It_Now-046A38?logo=gmail&logoColor=046A38&labelColor=ffffff)](mailto:[email protected]) 

**Happy Learning!** 😊