Software Developer | Tech writer

projects

github

substack

hashnode

Shreyas R  • Peerlist

Hydration error

<h3 class="rich-heading">create-rtp</h3>A basic react app template to kick-start a project. Uses React.js and TailwindCSS as a standard across all options provided.Explaining the options:<ol><li>Vanilla-react-app has react, react-dom, react-router-dom and tailwindcss installed and Parcel as the module bundler.</li><li>vanilla-react-jest has the above template with react testing library and jest installed for unit testing purposes.</li><li>Vite-react-app is basically created with npm create vite@latest --template react and tailwind, just to eliminate the extra step of finding the docs and installing everything. Also has react-router-dom and typescript (comes default with the vite template) installed.</li><li>vite-react-zustand with the above template + zustand for state management.</li></ol>To create a project just run this commandnpx create-rtpYou will have install the node_modules and initialize the git yourself.Why is it called create-rtp?Initially it was made with the template react-tailwind-parcel in mind but later on realized that parcel can not only stand for the module bundler but also as a "package" of sorts with just the barebones. This project is heavily inspired / derived from <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://namastedev.com/learn/namaste-react">this course</a> and <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://dev.to/ibukunsoremekun/how-to-build-a-project-templates-cli-tool-with-nodejs-4jbl">this blog</a>. Help me <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://github.com/shreydd/create-rtp">improve it here</a>. Cheers!

create-rtp

A YouTube clone app where you can surf through trending videos throughout the world, search for and view them. Uses a custom made API to impersonate live chat like experience.

YouTube Zen

A firefox extension where users can quickly save and copy links and text content which are often used / accessed. Save time on searching links or rewriting the same content over and over again. Need the contents on your phone / different device? toogle the qr code and get it on a web page!

Quicksy

A fake merch store built using Nuxt.js, Tailwind CSS and Fake Store API. This can be used as a base template as well to start your own merchandise store. This was built while following along a youtube tutorial by net ninja.