GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects β†’ zonayedpca β†’ react-micro-blog

zonayedpca / react-micro-blog

Licence: other
πŸ› πŸ› πŸ›  A Simple Front-end React Application which Acts as a Complete Blog πŸ› πŸ› πŸ› 

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Labels

reactreact-routerreact-jsreact-micro-blog

Projects that are alternatives of or similar to react-micro-blog

Oud
🎡 The frontend of Oud, an online music streaming service that is a mimic of Spotify with all its functionalities built using ReactJS, React-Router, Bootstrap.
Stars: ✭ 48 (+71.43%)
Mutual labels:  react-router, react-js
reactube-client
A clone Youtube Web Player using React Provider Pattern, React Context and Typescript
Stars: ✭ 92 (+228.57%)
Mutual labels:  react-router
react-starter
Starter kit for React.
Stars: ✭ 16 (-42.86%)
Mutual labels:  react-router
purescript-cofree-react-router
React-Router implemented in PureScript as Cofree Comonad for the Array functor.
Stars: ✭ 24 (-14.29%)
Mutual labels:  react-router
Google-Clone
A Google Clone which built with ReactJS. When you click Gmail button, you will be directed to my other project, Gmail Clone. You can search whatever you want and send realtime emails by clicking Gmail button!
Stars: ✭ 37 (+32.14%)
Mutual labels:  react-router
firefox-health-dashboard
firefox-health-dashboard.netlify.com
Stars: ✭ 26 (-7.14%)
Mutual labels:  react-router
frontend-tutorial
🎨 δΈ€δΈͺεŽη«―η¨‹εΊε‘˜ηš„ε‰η«―ζŠ€ζœ―ζ€»η»“
Stars: ✭ 122 (+335.71%)
Mutual labels:  react-router
react-mobile-starter
🌈 A starter project structure for React.js app using Dva.
Stars: ✭ 46 (+64.29%)
Mutual labels:  react-router
vaktija.ba
Web Site
Stars: ✭ 19 (-32.14%)
Mutual labels:  react-router
ai web RISKOUT BTS
κ΅­λ°© 리슀크 관리 ν”Œλž«νΌ (πŸ… κ΅­λ°©λΆ€μž₯관상/Minister of National Defense Award)
Stars: ✭ 18 (-35.71%)
Mutual labels:  react-router
imrc-datetime-picker
(Improved) React component datetime picker by momentjs πŸ“†
Stars: ✭ 21 (-25%)
Mutual labels:  react-js
reactnest-boilerplate
πŸ—ΌA starter project template with (Ngnix, ReactJS, Redux, Redux Thunk, React Router, NestJS, TypeORM, PostgreSQL, Docker, PM2) + (Code Style, Conventional Changelog with Commitlint, Husky, Git CZ)
Stars: ✭ 85 (+203.57%)
Mutual labels:  react-router
async-react-router
Client side react router with async. It like next.js!
Stars: ✭ 21 (-25%)
Mutual labels:  react-router
react-workshop
Practical Introduction to React (with Redux & React Router v4)
Stars: ✭ 17 (-39.29%)
Mutual labels:  react-router
gorecipe
Aplikasi web serderhana untuk mencari resep masakan khas indonesia yang dibuat menggunakan ReactJS.
Stars: ✭ 20 (-28.57%)
Mutual labels:  react-router
CRA-boilerplate
Personal CRA boilerplate
Stars: ✭ 42 (+50%)
Mutual labels:  react-router
mern-stack-application
A MERN stack e-commerce website.
Stars: ✭ 45 (+60.71%)
Mutual labels:  react-router
rekit-portal
Web UI for managing a Rekit project.
Stars: ✭ 90 (+221.43%)
Mutual labels:  react-router
gavinanthony.com
gavinanthony.com
Stars: ✭ 34 (+21.43%)
Mutual labels:  react-router
molecule
βš›οΈ –  – βš›οΈ Boilerplate for cross platform web/native react apps with electron.
Stars: ✭ 95 (+239.29%)
Mutual labels:  react-router
View All Similar Projects βž”

Clone The Project

  • You can either use your git commands to clone the project or you can simple download the whole Project

Installing the Packages

  • To install all the dependecies
npm install

Configure React Router

  • As I have used React Router here to navigate between some pages. This Router has a base URL hardly coded inside the src/App.js file. Please replace your basename found inside this App.js file(line number 43) with yours. As my demo URL is in a subdirectory(https://zonayedpca.github.io/react-micro-blog) called react-micro-blog, I have used the basename as /react-micro-blog. Please configure yours accordingly.

Configure Homepage

  • Same for the production version, I have added a field called homepage inside package.json file. Please replace it with yours if you want your production version to work properly.

Production Build

  • Once you are ready to publish the project, you can easily make a production using this command:
npm run build

Thanks

  • React JS
  • React Router
  • Talk.js Group
  • And all of my friends who continuously inspire me
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].