Project link is available BLOGME
- React
- Material UI (for ui design)
- Yup and react-hook-form (for form validation)
- FileBase64 (for uploading file)
- react-router-dom@v6 (for routing)
- Express
- cors
- mongoose
Client
┃
📦src
┣ 📂assets
┃ ┣ 📜dark_mode.png
┃ ┣ 📜default.jpeg
┃ ┣ 📜form.png
┃ ┣ 📜home.png
┃ ┗ 📜post_detail.png
┣ 📂components
┃ ┣ 📜EditForm.js
┃ ┣ 📜Navbar.js
┃ ┣ 📜NewPostButton.js
┃ ┣ 📜PostCard.js
┃ ┣ 📜PostForm.js
┃ ┗ 📜ThemeSwitch.js
┣ 📂contexts
┃ ┣ 📜PostsProvider.js
┃ ┗ 📜ThemeProvider.js
┣ 📂helpers
┃ ┗ 📜timeMeasure.js
┣ 📂views
┃ ┣ 📜PostDetail.js
┃ ┗ 📜PostsPage.js
┣ 📜App.css
┣ 📜App.js
┣ 📜index.css
┗ 📜index.js
📦 Server
┣ 📂controllers
┃ ┗ 📜posts.js
┣ 📂models
┃ ┗ 📜posts.js
┣ 📂routes
┃ ┗ 📜posts.js
┗ 📜index.js