Guidio Frontend

Technologies

• HTML, CSS and Javascript with React.js library
• Redux.js for state management inside React.js
• Tailwind.js for utility CSS classes
• I used rehype and remark libraries for parsing between Markdown and HTML

Summary

• Guidio is web application that allows creators to write written tutorials using markdown editor. It will first be dedicated to writing web development related guides, but it will slowly expand to other topics.
• I teamed up of 2 colleagues for this side project and our team consists of Frontend Developer, Backend Developer and UI/UX Designer.
• This is Guidio's Frontend repository
• Guidio's Backend repository: Guidio Backend developed by Amar
• UX Figma Mockup: Figma Design designed by Adnan

How I came up with this idea

• When I started my web development learning journey I spent hours and hours watching video tutorials. As I expanded my knowledge I started getting tired of video tutorials and turned towards reading ebooks and online articles. I found many people making newsletters and writing articles on blog websites. However, I couldn't find a single application whose purpose is to strictly write guides/tutorials, therefore I decided to create one.

Installation:

1. Install Node.js LTS available on:
2. Clone this repository using git clone command
3. Open project folder and run npm install
4. Install and configure server, available on Guidio Backend repository
5. Run npm start to start the application