GithubHelp home page GithubHelp logo

tusharnankani / undirected-graph Goto Github PK

View Code? Open in Web Editor NEW
11.0 1.0 0.0 12.95 MB

Tushar Nankani's blog - Undirected Graph ๐Ÿ“œ

Home Page: http://blog.tusharnankani.com

JavaScript 0.31% HTML 0.60% CSS 1.65% TypeScript 19.91% MDX 77.53%
blog netlify nextjs undirected-graph mdx

undirected-graph's Introduction

Tushar Nankani's Undirected Graph



The overload of ideas has pushed me to connect the dots, analogous to my directionless, although somehow connected thoughts forming a data structure.

Undirected Graph



Netlify Status MADE BY Next.js


About

image

Features

  • Tagging: organizes content by tags
  • Author: displays author names who write a post
  • Pagination: limits the number of posts per page
  • CMS: built with CMS to allow editors modifying content with the quickest way
  • SEO optimized: built-in metadata like JSON-LD
  • Shortcode: extends content writing with React component like WordPress shortcodes

Dependencies

Local Setup || Contributing

  • Fork this repository.
  • Clone the repository: git clone https://github.com/<your-username>/undirected-graph.git
  • Change directory: cd undirected-graph
  • Change branch before making any changes: git checkout -b "feat/add-new-feat"
  • Run npm run dev to start the devlopment server. Go to localhost:3000
  • Make changes and push to the respective branch.
  • Open a Pull Request.

Styling pages by a customized theme

All source codes related to the blog are under components and pages directory. You can modify it freely if you want to apply your design theme. All components use styled-jsx and css-modules to define their styles, but you can choose any styling libraries for designing your theme.

The directory tree containing the blog source code are described below:

meta: yaml files defining metadata like authors or tags
public: images, favicons and other static assets
src
โ”œโ”€โ”€ assets: other assets using inside of components
โ”œโ”€โ”€ components: pieces of components consisting of pages
โ”œโ”€โ”€ content: mdx files for each post page
โ”œโ”€โ”€ lib: project libraries like data fetching or pagination
โ””โ”€โ”€ pages: page components managing by Next.js

References

undirected-graph's People

Contributors

tusharnankani avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

undirected-graph's Issues

improve UX for tags section

image

Once we click on a tag; it opens up the respective post with those tags page.
Let's retain the all tags component.

image

Website not responsive

Website not responsive

  • works fine in mobile and desktop view only
  • not in other views / gadgets
  • tablet.... etc

Ref Image

  • image
  • image

changes have to be done in some ... main layout structure ... only

may be change in this will work

  • z index
  • padding
  • margin

feat: Add Anchor tags to jump to different sections of a blog post

  • Having Anchor tags to jump to different sections of a blog post would make it easier to
    • share particular sections of blogs.
    • jump to the desired sections in case of ToCs (Table of Contents).
      • Eg: It would be nice to have it in the Topics Discussed section of the MLog[0] blog post.
  • There are multiple ways to implement it. Some of them include

docs: update README

  • Add screenshot of homepage
  • Add local setup introduction
  • Add Ideas in Projects Tab
  • Make ideas public

improve: patternisitic

  • Add an explanation of 4px: potentially use (excali || tl)draw.
  • A 2-D graph to explain the linear proportionality of the variables.

remove unnecessary tags

Realized that some tags are one-time use and can be generalized further.

Potential tags:

  • technical
  • non-technical
  • observation
  • realisation
  • interaction
  • experience

feat: add featured blogs

Essentially, link 2 to 3 blogs not necessarily in chronological order.

Sai, building a digital garden over a chronological blog.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.