Forem: Prathamesh Dukare

Announcing Acceleration: The Smart Way to Save and Rediscover What Matters

Prathamesh Dukare — Thu, 10 Jul 2025 15:08:43 +0000

## The Problem: Lost in the Digital Chaos

How many times have you found yourself thinking, "I know I saved that article somewhere, but where?" Or worse yet, "I'm sure I bookmarked that important link, but I can't find it now."

In today's information-rich world, we're constantly consuming content—articles, tutorials, tools, and resources that we want to remember for later. But traditional bookmarking has become a digital graveyard. Links get buried, context is lost, and finding what you need becomes a frustrating treasure hunt.

That's why I built Acceleration.

What is Acceleration?

Acceleration is a modern, full-stack productivity tool designed specifically for knowledge workers who need a smarter way to save, organize, and rediscover their bookmarks and ideas. It's not just another bookmark manager—it's a complete productivity ecosystem that works seamlessly across your web browser and desktop.

The Core Philosophy

"Save and rediscover what matters, instantly."

Acceleration is built around three core principles:

Effortless Saving - Multiple ways to capture content without breaking your workflow
Intelligent Organization - Automatic metadata extraction and smart categorization
Instant Discovery - Powerful search that helps you find what you need when you need it

✨ Key Features That Set Acceleration Apart

🎯 Smart Bookmarking with Auto-Metadata

Unlike traditional bookmark managers that just save URLs, Acceleration automatically extracts rich metadata from every link you save:

Automatic title and description extraction
Favicon and preview image capture
Open Graph data for better previews
Smart categorization suggestions

This means your bookmarks come alive with context, making them much easier to find and understand later.

🏗️ Multiple Ways to Save

Acceleration understands that different situations call for different approaches:

🌐 Web Interface

Beautiful, responsive dashboard at getacceleration.com
Drag-and-drop organization
Bulk operations and batch editing
Advanced filtering and search

🔌 Chrome Extension

One-click saving from any webpage
Context menu integration for quick access
Beautiful new tab replacement with productivity dashboard
Real-time sync across devices

📱 Mobile-Friendly

Responsive design that works on any device
Touch-optimized interface
Offline capability for saved content

🎨 Beautiful, Modern Interface

Acceleration isn't just functional—it's beautiful. Built with modern web technologies:

Gradient-rich design that's easy on the eyes
Smooth animations and micro-interactions
Dark/light theme support
Responsive design that adapts to any screen size

🔍 Powerful Search and Discovery

Finding your saved content should be as easy as finding it on Google:

Real-time search across titles, descriptions, and URLs
Tag-based filtering for quick categorization
Collection organization for logical grouping
Advanced filters by date, type, and more

🔄 Seamless Cross-Platform Sync

Your bookmarks follow you everywhere:

Real-time synchronization between web and extension
Cloud-based storage with automatic backups
Offline access to your saved content
Multi-device support with consistent experience

🛠️ Built with Modern Technology

Acceleration is a full-stack application built with cutting-edge technologies:

Frontend

Next.js 14 with App Router for blazing-fast performance
React 18 with TypeScript for type safety
Tailwind CSS with shadcn/ui for beautiful components
Framer Motion for smooth animations

Backend

Cloudflare Workers for serverless, edge-computing performance
Hono.js for lightweight, fast API routes
Prisma with Cloudflare D1 for reliable data storage
JWT authentication for secure user sessions

Browser Extension

Vite with CRXJS for fast development and building
React with TypeScript for maintainable code
Chrome Extension Manifest V3 for modern browser compatibility

🚀 Getting Started with Acceleration

1. Visit the Website

Head over to getacceleration.com to see Acceleration in action. The landing page showcases the beautiful interface and explains the key features.

2. Install the Chrome Extension

Get the most out of Acceleration by installing the Chrome extension from the Chrome Web Store. This gives you:

One-click bookmarking from any webpage
Beautiful new tab replacement
Context menu integration

3. Start Saving and Organizing

Sign up with your Google account for seamless authentication
Start saving links using the extension or web interface
Organize your bookmarks with collections and tags
Discover your saved content with powerful search

🎯 Who is Acceleration For?

Acceleration is designed for knowledge workers who:

Research extensively and need to save many references
Work across multiple projects and need organized information
Collaborate with teams and share resources
Value beautiful, intuitive interfaces that don't get in the way
Need fast access to saved information when it matters most

Whether you're a developer, researcher, writer, student, or anyone who regularly saves and references online content, Acceleration is built for you.

🔮 What's Next for Acceleration?

This is just the beginning. Here's what's coming soon:

Team collaboration features for shared bookmark collections
Advanced analytics to understand your information consumption patterns
API access for integrations with other tools
Mobile app for iOS and Android
Browser extensions for Firefox and Safari
AI-powered suggestions for better organization

💡 The Story Behind Acceleration

Acceleration was born from my own frustration with existing bookmark managers. As a developer and knowledge worker, I was constantly saving articles, tutorials, and resources, only to lose them in the chaos of traditional bookmark folders.

I wanted something that was:

Beautiful - because we spend so much time with our tools
Fast - because speed matters when you're in the flow
Smart - because manual organization is tedious
Seamless - because context switching kills productivity

After months of development and testing, Acceleration is now ready to help knowledge workers everywhere save and rediscover what matters.

🎉 Try Acceleration Today

Ready to transform how you save and organize information? Here's how to get started:

Visit: getacceleration.com
Install: Chrome Extension
Start saving and organizing your digital knowledge

Acceleration is completely free to use, with premium features coming soon for power users.

🤝 Join the Community

Acceleration is open source and I'd love your feedback and contributions:

GitHub: github.com/prathameshdukare/acceleration
Issues & Feedback: GitHub Issues
Website: getacceleration.com

About the Author

Hi, I'm Prathamesh Dukare, a developer passionate about building tools that make people more productive. Acceleration is my attempt to solve the bookmarking problem that has frustrated me for years. You can find me on GitHub and LinkedIn.

Have questions or feedback about Acceleration? I'd love to hear from you!

Acceleration - Save and rediscover what matters, instantly.

Maximizing Visibility: The Benefits of Cross-Posting Your Blog or Article

Prathamesh Dukare — Sun, 22 Jan 2023 06:21:24 +0000

Cross-posting an article or blog can have many benefits for increasing visibility and reaching a wider audience. One of the main benefits is increased SEO, or search engine optimization.

When an article or blog is cross-posted on multiple platforms, it increases the number of backlinks to the original source. Backlinks are an important factor in determining a website's search engine ranking, as they indicate to search engines that the site is valuable and relevant. The more backlinks a site has, the higher it will rank in search engine results.

Cross-posting also allows for increased exposure to a wider audience. By sharing an article or blog on multiple platforms, it can reach a larger number of people who may not have otherwise come across it. This can lead to increased traffic to the original source and potential new readers for future content.

Additionally, cross-posting can be a great way to increase engagement and build a community around a blog or website. When an article or blog is shared on multiple platforms, it allows for more opportunities for readers to interact with the content and with each other through comments and social media interactions.

Another benefit of cross-posting is that it allows for the opportunity to test different formats and see which performs the best. For example, an article that performs well on LinkedIn may not perform as well on Facebook or Twitter. By cross-posting, you can see which platform resonates best with your target audience, and adjust your strategy accordingly.

However, it's important to note that cross-posting should not be done indiscriminately. It's important to carefully select which platforms to share your content on and to make sure that the content is tailored to the specific audience of each platform.

In summary, cross-posting an article or blog can have many benefits including increased SEO, increased exposure to a wider audience, increased engagement and building a community around a website or blog, and the ability to test different formats and see which performs the best.

It's important to be strategic when cross-posting and to tailor your content to the specific audience of each platform. With a thoughtful approach, cross-posting can be a powerful tool for increasing visibility and reaching a wider audience.

We have built Scattr.io to cross-post your articles easily, check it out.

Happy cross-posting 🚀

Thank you for reading this article on the benefits of cross-posting your blog or article. I hope that you found it informative and helpful. If you have any further questions or would like to share your own experiences with cross-posting, please feel free to comment.

Connect with me on twitter : https://twitter.com/prathameshtwits

Check out my peerlist profile : https://peerlist.io/prathamesh

Thank you again for reading!

This article is published w/ Scattr ↗️

Adapting to Endure

Prathamesh Dukare — Mon, 19 Dec 2022 04:03:07 +0000

Today’s Pain: Inflation

Gas and oil prices are high, and the supply chain is broken due to wars, geopolitical affairs and a 2-year long pandemic. The USA and most of the nations were printing money for years, and reduced loan interest rates to promote spending & hence the economy. They were delaying current challenges and problems to later by doing this.

Now the only way to stop inflation is to stop purchasing, if we have less money to spend economy will shrink. Fed plays a major role in this, and now they doing the same, other government’s also closing the tap to pull the excess money resulting in a huge recovery in capital markets.

“At a high level, the market isn’t as challenged as it was in during the .com crash of the global financial crisis, but the story underneath the surface is more revealing when you look beyond the mega caps” - sequoia

The Recovery in the Economy

As a cascading effect of all of these, all economies & capital markets are going through a huge recovery. The growth was driven by FOMO and not by fundamentals. Tech stocks are falling, same for crypto. Even if the fundamentals and balance sheets are good they are falling. We are experiencing the 3rd largest Nasdaq drawdown in 20 years (-28%).

61% of all software, internet and fintech companies are trading below pre-pandemic 2020 prices.

How long the recovery will last? Nobody knows but according to sequoia this won’t be so quick, it’ll take longer, how long? Longer than expected.

“It will be a long recovery and while we can’t predict how long, we can advise you on ways to prepare and get through to the other side, This is not a time to panic. It is a time to pause and reassess” — sequoia

Capital WAS Free

Till now capital was free but now it’s expensive meaning Investors and VC Firms were throwing money at startups like crazy. This is also the reason for “Startup” becoming a buzzword in the last few years. They were playing valuation games meaning they funded a startup based on valuation and not giving a shit about how much money (profit) they’ve made. Customer acquisition costs for some Indian start-ups are more than 500₹ which means they are spending a huge amount on marketing, sales, advertisements, referral programs etc.

This was great for startups because they don’t need to think about how much runway they're left with. The reason being they know they’ll get more money in the next series of funding based on valuation.

Note : Runway is the amount of time you can operate at a loss before running out of money. If you’re burning through $10,000 a month and have $60,000 in the bank, you have six months before you’re in serious trouble.

CTA to Companies

“It is not the strongest of the species that survive, nor the most intelligent, but the one most responsive to change.” — CHARLES DARWIN

It’s time to change. Focus is important. Growth at all costs is no longer rewarded. The era of being rewarded for hypergrowth at any cost is quickly coming to an end - sequoia

Companies won’t get capital if they don’t show the results (Profits). This means the only way to survive is they need to start making money by changing priorities and reducing the burn rate. Now every dollar is more precious than it was; you need to start thinking about the runway and navigate accordingly otherwise you’ll need to fire people and eventually die or get acquired at the valuation which you deserve.

Survival of the Quickest,

“First and foremost, we must recognize the changing environment and shift our mindset to respond with intention rather than regret”

Reduce burn rate → Extend the runway → Figure out ways to become a profitable business → Generate cash

This won’t happen so quickly, but steps toward medium to long term disciplined monetary growth will be rewarded and translates into meaningful appreciation.

The Good thing is that smart companies started adapting;

Unacademy founder Gaurav Munjal wrote an email to his employees titled “Winter is Coming!”

“This is a test for all of us. We must learn to work under constraints and focus on profitability at all costs. We must survive the winter,” said Unacademy’s co-founder and CEO Gaurav Munjal in a letter to the employees”

Unacademy is now thinking about the runway left and navigating accordingly. They will decrease the cash burn on their subsidiaries relevel and Graphy because they aren’t profitable yet and still making the distribution. They have given deadlines to employees to be profitable in all tets prep categories on the platform.

What for Talents?

Leave the unprofitable organization if you do not believe in their vision & founders (If you do believe, then it’s a different case)

Salaries of all engineers Especially developers will drop at the rate at which valuation will drop. If there’s not much cash to spend who will give you that much. the worst part is you can’t auction, negotiate or bargain (if that fits here) because everyone is going through the same. The entire economy will show the change and not the particular set of companies.

If you are one of the high cost to the company, then you might be in trouble even if you are the smartest or most talented, this is how the economy works. This doesn’t mean that your value dropped but you were paid more earlier when they had money.

And as I said you’ll figure some ways out if you are smart and adapts quickly, you will always survive in the arena.

What For the Win?

“Chance only favours the prepared mind” — LOUIS PASTEUR

If the one with all the money is the one that wins, how could Zappos go up against Amazon and win the shoe category? How could DoorDash come from behind and emerge as the market leader beating UberEats? — sequoia

The one who is best prepared for the fight will win. Clubhouse wasn’t prepared, Rest you know.

To Prepare, Sequoia talks about the checklist;

Prepare your mind

Confront the reality and understand the market conditions, don’t live in the hope. (For this they tell the story of Admiral Jim Stockdale ).

Control your fear : Crisis leads to opportunity if you show courage in tough times.

You cannot overtake 15 cars in sunny weather, but you can when it’s raining.” — AYRTON SENNA

2. Prepare your team

There are two types of people in the organization, Missionaries & Mercenaries. Missionaries are those who believe in your mission and Mercenaries are there only to get shit done and they don’t care about your vision & mission. Keep the core team together. Be fully transparent with them about everything, Share how much runway you left with & discuss how we can do best with the resources we have. As a founder, it’s your job to not let missionaries become mercenaries.

3. Prepare your company

Make sure the company have smooth cash flow and cut down on extra spending. Stop experimental campaigns and focus on what is working now. Take debt if needed even if it’s expensive coz paisa to chahiye na yar!

What’s next according to Sequoia?

The intention is not to be a beacon of gloom. Far from it, we believe the best, most ambitious, most determined of you will use this moment to rise to the occasion and build something truly remarkable. That was true for Cisco after the crash in 1987, Google and PayPal in 2000 after the dot-com bust, Airbnb in 2008 in midst of the financial crisis, and DoorDash in 2020 during the health pandemic.

But we also believe that winning in the years ahead is going to depend on making hard, decisive choices — confronting uncomfortable challenges that may have been masked during the exuberance and distortions of free capital over the past two years.

The primary goal of this session is to shift our collective mindset. We are at a moment of uncertainty and change — a Crucible Moment where your decisions will have a major bearing on the outcome for your company.

Thank you guys for reading the article. I’m just learning to share my thoughts on the internet in the form of articles. Let me know your feedback I’ll really appreciate that.

You can also connect with me on other social media : https://linktr.ee/prathameshdukare

Want to see my work : https://peerlist.io/prathamesh

This article is published w/Scattr

This article is published w/ Scattr ↗️

Front-End Roadmap for beginners

Prathamesh Dukare — Mon, 19 Dec 2022 03:35:32 +0000

Hello Folks, Front-end tech stack has always been a hot topic talk or to write a blog on. I'm in front-end development for more than 8 months. I have seen lots of buzzwords around this along the journey coz of tons of libraries & frameworks. Today I would like to put my thoughts around getting started with front-end & what tech's you should learn.

so, let's begin...

I have divided this article into three sections ;

A: The core of Web
B: The UI & Ecosystem
C: Code maintenance & Testing

A: The Core of Web

As a web dev, we need to understand some of the basic and core concepts to understand it better.

Internet Fundamentals
HTTP/HTTPS/DNS
Server-Client architecture

2: HTML

HTML is a markup language that tells the browser the layout of the website. You can relate this to the human bone skeleton or car body.

3: CSS

CSS stands for cascading style sheets. It is used to design web pages to make them appealing and handy to the user.

4:JavaScript

JavaScript is the most popular and the only programming language for front-end web development. It used to add more interactivity to the website and make it more functional.

B: The UI & Ecosystem

After reaching a certain level of confidence & mastery in HTML,CSS,Javascript . Now is the time to explore the libraries & framework to build beautiful & Scalable web applications in fewer efforts.

1. React.js Library

React.js is one of the most popular UI libraries from Facebook & now it's Open Source.

Being with a huge community of developers react stand with top frameworks like Angular & Vue.

The main essence of using react is Reusable components & Speed of application.

2. Bootstrap

Bootstrap is a component-based framework, which means it comes with prebuilt components and includes other utilities for layering displays. It has JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components.

Note: There are other similar alternatives to bootstrap such as Tailwind CSS which is the utility-first framework. There have been a lot of dev debates going around these.

B: Testing & Management

1. Git & GitHub

Every developer on this planet should be aware of git & GitHub to maintain their code & collaborate on it. Here is my brief guide for getting started with git & GitHub

2. Cypress

Cypress is the new standard in front-end testing that every developer and QA engineer needs.

Cypress can be used to write several different types of tests. This can provide even more confidence that your application under test is working as intended.

3. React Testing Library

The React Testing Library is a very lightweight solution for testing React components.

It Provides Simple and complete React DOM testing utilities that encourage good testing practices.

4. NPM or YARN

npm is the package manager for the Node JavaScript platform. It puts modules in place so that Node can find them, and manages dependency conflicts intelligently.

Also

Yarn is a new package manager that replaces the existing workflow for the npm client or other package managers while remaining compatible with the npm registry. It has the same feature set as existing workflows while operating faster, more securely, and more reliably.

Wrapping up...

In this article, we went throw the roadmap that you can follow for Front End Web Development. We talked about the basics of the web to maintenance & code testing. I hope this information was insightful to you. Also, note that the most important technology in this article was React.js. So ill recommend you to give it a try once I'm sure you'll never look back.

< Happy Coding >

Let me know your thoughts on this article. I tried to explain in the most simple manner. I hope you liked it!

Also, any suggestion or feedback is always appreciated🙏.

Connect me on

This article is published w/ Scattr ↗️

Portfolio Re-Imagined

Prathamesh Dukare — Mon, 19 Dec 2022 03:02:49 +0000

Hello Awesome people 👋,

These days I’m reading the book Sapiens by Yuval Noah Harari where I came across a very interesting concept of how people and communities work. They are formed because peoples with the same mindset, goals, and Notions come together for a purpose of sharing experiences, knowledge and all good/bad things happening in their lives. It is rooted in common myths that exist in people's collective imaginations. But one thing is sure, sometimes you need someone to make you feel/aware that, “you belong to us” and I think Akash and Yogini are doing a great job here at Peerlist.

They are building an awesome community around Peerlist product for the people in tech.

there are no gods in the universe, no nations, no money, no human rights, no laws & justice outside the common notions of human beings - Yuval Noah Harari, Sapiens

What is Peerlist? ✨

Peerlist is a professional community-led networking platform to connect with awesome folks like you and showcase all of your work across the internet at a single place. Didn’t understand? wait, let me explain…

Gone are the days when applicants were writing basic resumes with all bunch of useless things. Nowadays there is a lot of competition to get the same role in the company. So, grabbing opportunities is not easy. You need to stand out of the crowd to be seen by potential recruiters. For that, you need to give Signal. To signal, folks these days are doing other things apart from conventional practices. They are sharing their learnings & experiences by writing articles/newsletters, building & launching products on product hunt, creating content on youtube, making awesome designs and sharing on Figma/Dribble communities, contributing to open source projects on GitHub and doing a whole bunch of other things.

So, doing all of this isn’t alone much useful if you are not curating all your work across various platforms, showcasing it well & sharing it with people who can appreciate your work. That's where Peerlist comes into the picture.

It allows you to showcase your work across platforms, thanks to seamless Peerlist integrations. It’s the best meaningful work profile you can have where you can show your skills, work experience, projects and all those things we have discussed above. The good thing is creating and managing your peerlist profile is very easy and hustle-free. You can re-order your profile content in order to highlight your best work.

Apart from this, there is a lot more you can do …..

Explore more on peerlist.io

PS : I enjoy reading peerlist Blogs 😌📑

Hiring done right with trust

The entire world runs on trust. But Due to competition, candidates glorify things by adding dummy experiences, skills, etc in the resume’s/linkedin and try to seek attention. I have seen this a lot around me. Trust is hard to gain these days. Recruiters are also not able to judge the right candidates without going through the entire interview process which we know is the most time & resource-consuming task for companies.

Peerlist is trying to solve these problems, now you can verify your work experience. You don’t need to do anything much, Peerlist just takes care of that. Now you have a verified tag in front of work experience and hence you gain the trust.

When I write, “I know Typescript very well”, I need something which will advocate for me apart from saying that I know typescript. That's proof of work. Instead of saying; Show them, Do tell! and you’ll have some brownie points for sure.

Don't miss out on the best opportunities on peerlist jobs. Check it out: https://peerlist.io/jobs

For individuals : https://peerlist.io/individuals
For Recruiters : https://peerlist.io/recruiters

My Peerlist story

My Peerlist story is really fascinating. I was scrolling through the Peerlist scroll (obviously!🙂) and stumbled upon a post by Salman; found the post interesting so I commented on his post asking questions out of curiosity. Akash also commented on the post in order to understand more about the context. From Then, Salman and I started having good conversations about things in tech.

Now, we are good friends building and breaking stuff together. Isn't this one of the purposes of Peerlist? Networking 🙌.

My Final thoughts

I have seen Peerlist growing from scratch and really believing in the product and the problems it is solving with the community. Soon, Peerlist will change lots of things regarding professional networking, proof of work and hiring. Lot more things to come.

Peerlist has a very good UBP - unique bragworthy proposition which helps in the organic growth of the platform. The community is snowballing day by day, helping individuals network with like-minded folks and get good opportunities.

Soon in the community, sharing Peerlist profile to recruiters instead of resumes will become a usual thing in tech hiring, especially in the startup world.

Here I have tried to memefy the context. (Yup that good my handwriting & drawing is 😁)

Thanks for reading this article till the end. Share it with your friends and don't forget to check out my peerlist profile. Create your profile within a few minutes if you still haven’t and let's become peers.

I've just started learning to share my thoughts on the internet in the form of articles so it would be great if you could write down your feedback and thoughts in the comments below.

This article is published w/ Scattr ↗️

The Crework Experience 🌼

Prathamesh Dukare — Thu, 15 Dec 2022 22:20:53 +0000

What is Crework?

Crework is an exclusive online community of learners and builders wanting to prepare the next generation to become innovators. We solve real-world problems with technology and build great products along with peers.

CREW + WORK = Working in a team to build products

How it works!

The selection process is simple, you fill out the application form explaining why you want to join and based on your response in the application they’ll check for mainly two things ;

Do you have a good understanding of stuff related to Web Development?
Do you have the mindset to build a product in order to solve a problem?

After that you’ll give an interview, they’ll select 10 candidates for the closed cohort which will form two teams. (this was the case with the first batch)

The total duration of the cohort is 7 weeks, the first week is for the ideation phase in which all the members will brainstorm on problems. Finally, two problems will be assigned to two teams based on the Interests of members.

The next 6 weeks are for building a solution for the problem as planned and finally, the product is shared with the community!

My Experience!

In the first week, we brainstormed with mentors about the problems. We ended up with two problems where I decided to join the team Noted (we were calling it sasta notion, LOL😀)

Every week we had a meeting with mentors about our progress, they helped us where we needed help. We also had Informative sessions with guests and our mentors on different topics such as product building by Akash from Peerlist, product thinking by Smarth Vasdev, Low-Level Design by Manthan & Dushyant.

https://twitter.com/Prathameshtwits/status/1501603765220409344?t=xMnI9gMpt9sKoHTnnk3oQg&s=08

https://twitter.com/Prathameshtwits/status/1504137864795553792?t=xE-I3xdXHUBY6e9GiIGvwg&s=08

https://twitter.com/Prathameshtwits/status/1506690059264991232?t=bzqmVIi_PkZAu-UFs8oqPg&s=08

Those were great learning experiences. I got the new perceptive on looking at a product. Manthan & Dushyant’s sessions on LLD were very helpful in defining DB schema, and API structure also got to know the importance of OOPs for scalability & performance.

This was the first time I was working in a team, I learnt how to collaborate on projects & how to make decisions in a team. We made mistakes - improved on them with the mentor's feedback. We used Trello to keep track of tasks assigned. I’ve Made great connections with teammates, mentors & other crework members.

The experience of building, interacting, and learning was awesome. It taught me lots of things which can’t be expressed in just a few words. Now I look at every application I use, as a product. These things I feel are very important for a good developer.

Today, when I look back at the day when I took the decision to fill the application for crework, I feel that it was the best decision I took at the early stage of my career which taught me lots of things which I might have learnt later in my career.

https://twitter.com/vaibhav_matere/status/1518274923017703424?t=2FZRLG6D4R1m8a6T4MUKCw&s=08

Again I’m thankful to Ishant & all my mentors -
Sahil, Manthan, Dushyant, Aniket, Akshat, Ruchika etc for building crework.

https://www.linkedin.com/posts/prathameshdukare_we-concluded-our-web-development-batch-yesterday-activity-6924337994921312256-XdiS?utm_source=linkedin_share&utm_medium=android_app

What we've Build?

Noted : A note taking/productivity tool for taking notes while watching YouTube videos. Next article will be on our product in which I'll be explaining;

What is Noted
How we have built it
Challenges we faced
Features & Future scope

So stay tuned 🌷

I’ll highly recommend one joining crework for the experience. This was the first web dev batch. The second batch is coming soon with more interesting stuff. If you want to join crework fill out the waitlist form & follow crework on socials to stay updated.

This was my experience with crework. Let me know if you have questions/feedback. You can also connect with me on Twitter.

Thank you 😊

This article is published w/ Scattr ↗️

Front-End Roadmap for begginers

Prathamesh Dukare — Mon, 29 Nov 2021 10:17:57 +0000

Hello Folks,

Front-end tech stack has always been a hot topic talk or to write a blog on. I'm in front-end development for more than 8 months. I have seen lots of buzz words around this along the journey coz of tons of libraries & frameworks. Today I would like to put my thoughts around getting started with front-end & what tech's you should learn.

so, let's begin...
I have divided this article into three sections ;
A: The core of Web
B: The UI & Ecosystem
C: Code maintenance & Testing

A: The Core of Web

As a web dev, we need to understand some of the basic and core concepts to understand it better.

Internet Fundamentals
HTTP/HTTPS:/DNS
Server Client architecture

2: HTML

HTML is a markup language that tells the browser the layout of the website. You can relate this to the human bone skeleton or car body.

3: CSS

CSS stands for cascading style sheets. It is used to design the web pages to make them appealing and handy to the user.

4:JavaScript

JavaScript is the most popular and the only programming language for front-end web development. It used to add more interactivity to the website and make it more functional.

B: The UI & Ecosystem

After reaching a certain level of confidence & mastery in HTML,CSS,Javascript . Now is the time to explore the libraries & framework to build beautiful & Scalable web applications in fewer efforts.

1. React.js Library

React.js is one of the most popular UI library from Facebook & now it's Open Source.

Being with a huge community of developers react stand with top frameworks like Angular & Vue.

The main essence of using react is Reusable components & Speed of application.

2. Bootstrap

Note: There are other similar alternatives to bootstrap such as Tailwind CSS which is the utility-first framework. There have been a lot of dev debates going around these.

B: Testing & Management

1. Git & GitHub

Every developer on this planet should be aware of git & GitHub to maintain their code & collaborate on it.

Here is my brief guide for getting started with git & GitHub.

2. Cypress

Cypress is the new standard in front-end testing that every developer and QA engineer needs..

Cypress can be used to write several different types of tests. This can provide even more confidence that your application under test is working as intended.

3. React Testing Library

The React Testing Library is a very lightweight solution for testing React components.

It Provides Simple and complete React DOM testing utilities that encourage good testing practices.

4. NPM or YARN

npm is the package manager for the Node JavaScript platform. It puts modules in place so that Node can find them, and manages dependency conflicts intelligently.

Also

Yarn is a new package manager that replaces the existing workflow for the npm client or other package managers while remaining compatible with the npm registry. It has the same feature set as existing workflows while operating faster, more securely, and more reliably.

Wrapping up...

In this article, we went throw the roadmap that you can follow for Front End Web Development. We talked about the basics of the web to maintenance & code testing. I hope this information was insightful to you.
Also, note that the most important technology in this article was React.js. So ill recommend you to give it a try once I'm sure you'll never look back.

< Happy Coding >

Let me know your thoughts on this article. I tried to explain in most simple manner. I hope you liked it!

Also, any suggestion or feedback is always appreciated🙏.

Connect me on

Getting Started with Git-GitHub

Prathamesh Dukare — Mon, 16 Aug 2021 04:16:31 +0000

If you don't know about Git-GitHub and wanna getting started, then this may be a good starting guide for you. I will explain it in a very simple language.
but, first of all, you shoul have a basic idea of what Git and GitHub are!

What is Git <>?

Git is a Version Control system that maintains the log of your projects (Code) and tracks the changes as you update the files or contents within the file. Git also comes with Branching where you can create the branches to avoid any problems in the main code.

What is GitHub<>?

GitHub is a project hosting & management platform which comes (works) with git. You can put your code online on GitHub to share it with the world or your team members to collaborate on it. GitHub is so popular that most of the open-source projects are on GitHub & the community contributes to it.

Now you know what is git & GitHub. Now let's move ahead to know how it actually works. There are two main methods of working with Git-GitHub,

With GitHub Desktop App
With Command Line Interface / Terminal

Here we are gonna see the CLI method ...

Before starting ,

Download Git from Here
You can use any terminal for this (Cmd, Bash, Powershell, etc). Let's begin...

Initializing a git repository

You need to initialise the git repository which will store all your tracking information & logs.

CD into Project Folder

cd <Folder Name>

Initialize the git repo

git init

Start Tracking Files

You need to start git repo to track files for that you need to add files to the staging area to track.

git add <filename>

You can also add all files once,

git add .

Now all the files now being tracked

Your First commit

The commit is like a taking snapshot of the stage which will be stored in log files. Once you are done with all changes & ready to take Snapshot, commit your changes

git commit -m "<commit message>"

If you don't use -m, git will open a vim editor (you can select which editor you prefer while running the installation of git) for you to enter the commit message.

Now your changes are ready and you can upload your project to GitHub with all tracking information.
Let's see how

Add Remote Repo

For uploading files to GitHub you need to create a repository on GitHub (You can create it by clicking on create repository button)
Now you have a remote repo, to push local changes to the remote you add a remote

Git remote add <remote name> <remote url>

Push to Remote Repo

Push your all local files to remote

Git push -u <remote name> <upstream branch name>

Congratulations, you have successfully uploaded your project to GitHub with all tracking information such as commit messages, changes, log, etc

This was a beginner guide to publish your first project to GitHub. I hope it was fun. This is the most simple thing you can do with git-GitHub, there are lots of things you should check such as CI/CD with GitHub actions, GitHub pages etc.

To explore all power of Git & GitHub feal free to google & you will find tons of resources.

Let me know your thoughts on this post. I tried to explain in most simple manner. I hope you liked it!

Also, any suggestion or feedback is always appreciated🙏.

Follow me on Twitter

* as a service

Prathamesh Dukare — Sun, 15 Aug 2021 14:33:02 +0000

Hello Folks, Hope you are doing well!
Today I want to talk about some concepts or rather important web-based services about which you might hear about. Yes, if you are into web development or in open source I am sure that you already heard about these phrases "as a service".

In this blog, I'm gonna explain these concepts in short of "as a service" or "*ass".

What is As a Service?

'As a service' is a very general term which means, Delivery of something over a network primarily internet which solves the problems of peoples. It may charge money to make things win-win for both. The service might be a product, tools, technology.

There are tons of examples of *ass but we will discuss some common & web dev related Concepts.

Software as a Service (SaaS)

A software distribution model in which a third party provides hosts applications & makes them available to customers over the Internet. It is a cloud-based software delivery model in which the cloud provider develops and maintains cloud application software.

SaaS provides a wide range of software applications, such as Microsoft office 365, Salesforce, google maps, etc.

Platform as a Service (PaaS)

A model in which a third-party provider hosts application development platforms and tools on its own infrastructure and makes them available to customers over the internet. Platform as a service provides you with the platform to run your programs on good computing devices owned by the service provider.

Example: Google App Engine, Netlify, Heroku etc

Infrastructure as a service (IaaS)

A model in which a thirty party provider hosts servers, storage and other virtualized compute resources and makes them available to customers over the internet. Infrastructure-as-a-service (IaaS), also known as cloud infrastructure services, is a form of cloud computing in which IT infrastructure is provided to end-users through the internet. IaaS is commonly associated with serverless computing.

Examples: AWS, Microsoft Azure etc

Final Thought

All internet based services are the future.It has a lot of potential as an Industry.

Follow me on twitter