Globo Blog is a modern blogging platform built with Vite and React. This application allows users to create, edit, view, and manage blog posts with an intuitive, high-performance UI.
- Create, edit, and delete blog posts
- Rich text editor support
- Responsive and optimized for performance
- User authentication and authorization
- SEO-friendly
- Dynamic routing for blog posts
- Commenting functionality with replies
- State management using Zustand
- Frontend: React, Vite, Redux for state management
- Styling: CSS Modules / Styled Components (optional)
- Backend : Node.js + Typescript
- Authentication: : Custom JWT authentication
- Caching : Redis
- Node.js (>= 14.x.x) and npm (>= 6.x.x) or yarn (>= 1.22.x)
-
Clone the repository:
git clone https://github.com/xonoxc/Globo.git cd Globo -
Install dependencies:
npm install # or yarn install -
Create a .env file and add environment variables as stated in .env.sample file
-
To start the development server:
npm install #or yarn install
Open http://localhost:5173 to view the app in the browser
-
To build the project for production, run:
npm run build # or yarn build
Note
this is general overview of the project structure files may change as development progresses
```bash
├── public # Static assets
├── src
│ ├── assets # Image and other assets
│ ├── components # Reusable components
│ ├── pages # Page components (Home, Blog, etc.)
│ ├── hooks # Custom hooks
│ ├── store # Redux store
│ ├── utils # Utility functions
│ └── App.jsx # Main App component
├── .env # Environment variables
└── vite.config.js # Vite configuration
```
See backend for the backend and api portion
Contributions are welcomed! Please submit a pull request or open an issue for feature requests and bug fixes.
This project is licensed under the MIT license.