https://github.com/gigamaniadev/dev-blog
DevBlog is a platform designed for developers to share insights, tutorials, and resources related to the world of software development. It features a variety of blog posts that cover topics such as coding practices, best practices, new technologies, and tools in the development ecosystem.
https://github.com/gigamaniadev/dev-blog
recatjs supabase tailwindcss typescript
Last synced: 3 months ago
JSON representation
DevBlog is a platform designed for developers to share insights, tutorials, and resources related to the world of software development. It features a variety of blog posts that cover topics such as coding practices, best practices, new technologies, and tools in the development ecosystem.
- Host: GitHub
- URL: https://github.com/gigamaniadev/dev-blog
- Owner: gigamaniadev
- Created: 2025-02-07T16:06:24.000Z (4 months ago)
- Default Branch: master
- Last Pushed: 2025-02-22T15:12:59.000Z (3 months ago)
- Last Synced: 2025-02-22T16:23:36.255Z (3 months ago)
- Topics: recatjs, supabase, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://dev-blog-mauve.vercel.app
- Size: 5.97 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
DEV BLOG WITH ADMIN PANEL
Built with the tools and technologies:
## Table of Contents
- [ Overview](#-overview)
- [ Features](#-features)
- [ Project Structure](#-project-structure)
- [ Project Index](#-project-index)
- [ Getting Started](#-getting-started)
- [ Prerequisites](#-prerequisites)
- [ Installation](#-installation)
- [ Usage](#-usage)
- [ Testing](#-testing)
- [ Project Roadmap](#-project-roadmap)
- [ Contributing](#-contributing)
- [ License](#-license)
- [ Acknowledgments](#-acknowledgments)
---
## Project Structure
```sh
└── Modern-Dev-Blog-with-Admin-Panel.git/
├── README.md
├── eslint.config.js
├── index.html
├── package-lock.json
├── package.json
├── postcss.config.js
├── src
│ ├── App.tsx
│ ├── assets
│ ├── components
│ ├── hooks
│ ├── index.css
│ ├── lib
│ ├── main.tsx
│ ├── pages
│ ├── types
│ └── vite-env.d.ts
├── tailwind.config.js
├── tsconfig.app.json
├── tsconfig.json
├── tsconfig.node.json
└── vite.config.ts
```
### Project Index
MODERN-DEV-BLOG-WITH-ADMIN-PANEL.GIT/
__root__
postcss.config.js
❯ REPLACE-ME
tsconfig.node.json
❯ REPLACE-ME
package-lock.json
❯ REPLACE-ME
tsconfig.json
❯ REPLACE-ME
tailwind.config.js
❯ REPLACE-ME
tsconfig.app.json
❯ REPLACE-ME
package.json
❯ REPLACE-ME
vite.config.ts
❯ REPLACE-ME
index.html
❯ REPLACE-ME
eslint.config.js
❯ REPLACE-ME
src
main.tsx
❯ REPLACE-ME
index.css
❯ REPLACE-ME
App.tsx
❯ REPLACE-ME
vite-env.d.ts
❯ REPLACE-ME
types
index.ts
❯ REPLACE-ME
lib
subscriptions.ts
❯ REPLACE-ME
supabase.ts
❯ REPLACE-ME
components
Footer.tsx
❯ REPLACE-ME
NewsletterForm.tsx
❯ REPLACE-ME
PostCard.tsx
❯ REPLACE-ME
ThemeToggle.tsx
❯ REPLACE-ME
RichTextEditor.tsx
❯ REPLACE-ME
AuthGuard.tsx
❯ REPLACE-ME
ShareButtons.tsx
❯ REPLACE-ME
AdminSettings.tsx
❯ REPLACE-ME
Header.tsx
❯ REPLACE-ME
index.ts
❯ REPLACE-ME
Modal.tsx
❯ REPLACE-ME
hooks
useTheme.ts
❯ REPLACE-ME
useAuth.ts
❯ REPLACE-ME
pages
LoginPage.tsx
❯ REPLACE-ME
HomePage.tsx
❯ REPLACE-ME
AdminPage.tsx
❯ REPLACE-ME
PostDetailPage.tsx
❯ REPLACE-ME
BlogPage.tsx
❯ REPLACE-ME
---
## Getting Started
### Prerequisites
Before getting started with Modern-Dev-Blog-with-Admin-Panel.git, ensure your runtime environment meets the following requirements:
- **Programming Language:** TypeScript
- **Package Manager:** Npm
### Installation
Install Modern-Dev-Blog-with-Admin-Panel.git using one of the following methods:
**Build from source:**
1. Clone the Modern-Dev-Blog-with-Admin-Panel.git repository:
```sh
❯ git clone https://github.com/gigamaniadev/Modern-Dev-Blog-with-Admin-Panel.git
```
2. Navigate to the project directory:
```sh
❯ cd Modern-Dev-Blog-with-Admin-Panel.git
```
3. Install the project dependencies:
**Using `npm`** [
](https://www.npmjs.com/)
```sh
❯ npm install
```
### Usage
Run Modern-Dev-Blog-with-Admin-Panel.git using the following command:
**Using `npm`** [](https://www.npmjs.com/)
```sh
❯ npm start
```
### Testing
Run the test suite using the following command:
**Using `npm`** [](https://www.npmjs.com/)
```sh
❯ npm test
```
---
## Project Roadmap
- [x] **`Task 1`**: Implement feature one.
- [ ] **`Task 2`**: Implement feature two.
- [ ] **`Task 3`**: Implement feature three.
---
## Contributing
- **💬 [Join the Discussions](https://github.com/gigamaniadev/Modern-Dev-Blog-with-Admin-Panel.git/discussions)**: Share your insights, provide feedback, or ask questions.
- **🐛 [Report Issues](https://github.com/gigamaniadev/Modern-Dev-Blog-with-Admin-Panel.git/issues)**: Submit bugs found or log feature requests for the `Modern-Dev-Blog-with-Admin-Panel.git` project.
- **💡 [Submit Pull Requests](https://github.com/gigamaniadev/Modern-Dev-Blog-with-Admin-Panel.git/blob/main/CONTRIBUTING.md)**: Review open PRs, and submit your own PRs.
Contributing Guidelines
1. **Fork the Repository**: Start by forking the project repository to your github account.
2. **Clone Locally**: Clone the forked repository to your local machine using a git client.
```sh
git clone https://github.com/gigamaniadev/Modern-Dev-Blog-with-Admin-Panel.git
```
3. **Create a New Branch**: Always work on a new branch, giving it a descriptive name.
```sh
git checkout -b new-feature-x
```
4. **Make Your Changes**: Develop and test your changes locally.
5. **Commit Your Changes**: Commit with a clear message describing your updates.
```sh
git commit -m 'Implemented new feature x.'
```
6. **Push to github**: Push the changes to your forked repository.
```sh
git push origin new-feature-x
```
7. **Submit a Pull Request**: Create a PR against the original project repository. Clearly describe the changes and their motivations.
8. **Review**: Once your PR is reviewed and approved, it will be merged into the main branch. Congratulations on your contribution!
Contributor Graph
# Dev-Blog