https://github.com/tidbitsjs/ruby-blog
Fancy blog website in React
https://github.com/tidbitsjs/ruby-blog
css netlify react
Last synced: 4 months ago
JSON representation
Fancy blog website in React
- Host: GitHub
- URL: https://github.com/tidbitsjs/ruby-blog
- Owner: TidbitsJS
- Created: 2021-07-22T16:30:39.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-08-26T12:31:03.000Z (about 4 years ago)
- Last Synced: 2025-06-01T14:37:53.018Z (5 months ago)
- Topics: css, netlify, react
- Language: JavaScript
- Homepage: https://rubyblog.netlify.app/
- Size: 809 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Ruby Blog
Made out of inspiration from one of the themes of [ghost.io](https://ghost.org/themes/ruby), ruby is a blog website.
Here are the things that make ruby special -
- Developed using ReactJS
- Elegant Design
- No extra CSS frameworks
- Extremely responsive
Packages -
- react-markdown: To convert Markdown text into HTML code
- react-gfm: A remark plugin to support literals, strikethrough, tables, task lists, etc.
- react-icon
- react-router-dom: For routing & passing data around.
Future -
Although it is a frontend application, it is going to have its backend or service from the CMS platform very soon.
#
## System Requirements
- [git](https://git-scm.com)
- [NodeJS](https://nodejs.org)
- [npm](https://www.npmjs.com)
All of these must be available in your machine. To verify things are set up
properly, you can run this:
```shell
git --version
node --version
npm --version
```
## Setup
> If you want to commit and push your work as you go, you'll want to
> [fork](https://docs.github.com/en/free-pro-team@latest/github/getting-started-with-github/fork-a-repo)
> first and then clone your fork rather than this repo directly.
After you've made sure to have the correct things (and versions) installed, you
should be able to just run a few commands to get set up:
```
git clone https://github.com/TidbitsJS/Ruby-Blog.git
cd Ruby-Blog
npm install
```
After the successful installation, in the project directory run:
```
npm start
```
This will run the app in the development mode.
Open http://localhost:3000 to view it in the browser.