https://github.com/tidbitsjs/okiro
Okiro Blog Website
https://github.com/tidbitsjs/okiro
css reactjs vercel
Last synced: about 1 year ago
JSON representation
Okiro Blog Website
- Host: GitHub
- URL: https://github.com/tidbitsjs/okiro
- Owner: TidbitsJS
- Created: 2021-08-16T18:59:22.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2021-09-05T13:07:12.000Z (almost 5 years ago)
- Last Synced: 2025-02-28T17:46:44.905Z (over 1 year ago)
- Topics: css, reactjs, vercel
- Language: JavaScript
- Homepage: https://okiro.vercel.app/
- Size: 5.61 MB
- Stars: 18
- Watchers: 1
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Okiro Blog
Made out of inspiration from one of the themes of [ghost.io](https://ghost.org/themes/ruby), okiro is a blog website.
Here are the things that make okiro 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.
- react-motion: For animations
Future -
Website under development
#
## 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.