Welcome to the MERN Stack Blog Demo App, a simple blog application built with MongoDB, Express, React, and Node.js. This app allows you to register and log in with Google Auth or Email/Password. As a user you can read blog posts. And If you are an Admin you can also create, update and delete blog posts. Also you can also comment on the blog posts.
The app is designed with simplicity and efficiency in mind. It leverages ESBuild, known for its speed and ease of configuration, to bundle your JavaScript and styles. It provides a structured starting point for both client and server development using popular technologies like React, Express, and TypeScript.
- React: For crafting intuitive UIs.
- Express: A minimalist web framework for building the server-side.
- TypeScript: Bringing strong typing to JavaScript, enhancing maintainability and developer experience.
- ESBuild: A revolutionary fast JavaScript bundler and minifier.
- Firebase: For authentication and database.
- MongoDB: For storing blog posts, comments and users.
- Node.js: For running the server-side.
- Redux: For state management.
- Flowbite & TailwindCSS: For styling.
Understanding the project's structure is crucial for efficiently navigating and utilizing this boilerplate. Here's a detailed breakdown of the directory tree:
dist/
├─ server.js
esbuild/
├─ client.dev.mjs
├─ server.dev.mjs
├─ client.prod.mjs
├─ server.prod.mjs
node_modules/
public/
├─ static/
│ ├─ bundle.js
├─ index.html
├─ favicon.ico
src/
├─ client/
│ ├─ styles/
│ │ ├─ app.scss
│ ├─ App.tsx
│ ├─ index.tsx
│ ├─ tsconfig.json
├─ server/
│ ├─ server.ts
│ ├─ tsconfig.json
.gitignore
nodemon.json
package-lock.json
package.json
README.md
tsconfig.json
My name is Gabriel and I'm a full-stack developer with a passion for creating web applications. I'm always looking for new challenges and opportunities to learn and grow. If you have any questions or feedback, please feel free to contact me.