NoteBook

---

A modern blog app with GraphQL, React, Strapi, and Material UI

Demo

📝 Table of Contents

• About
• Getting Started
• Built Using
• Authors
• Acknowledgments

🧐 About

NoteBook is a blog application that lets users read posts on various topics. It uses GraphQL to query and manipulate data from a Strapi server, a headless CMS. The frontend interface is built with React and TypeScript, with Material UI for styling. NoteBook shows how to use these technologies together to make a modern and scalable web app.

🏁 Getting Started

after clone application you should install dependency and config some files.

Strapi

cd server
yarn # for install dependency
### for config you should crate env file and fill it like env.example file ###
yarn develop

for loading my assets,config and etc. you should Download this file and import on your strapi.

FrontEnd

cd client
npm i
### for config you should crate env file and fill it like env.example file ###
npm start

⛏️ Built Using

• React - A JavaScript library for building user interfaces.
• Apollo - Apollo Client is a library for data management with GraphQL and UI components.
• Strapi - Strapi is an open-source headless CMS that connects content with any front-end.
• MaterialUI - Material UI is an open-source React library for Material Design components.
• Typescript - TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.

✍️ Authors

• @MiladSadeghi - Idea & Initial work

🎉 Acknowledgements

• I appreciate Themefisher for creating such a beautiful and functional UI.