Dev Essentials ✨️

A Chrome Extension to keep you updated with the latest happenings✨️

🔰 An Insight

Dev Essentials is a Chrome Extension built for Developers and Tech Enthusiasts, to keep them updated with the latest happenings, upcoming contests and, new tech innovations.

• Article on DevEssentials
• Demo Video on Youtube
• Install in your Chrome

🧐 Features

Here're some of our best features of Dev Essentials.

Stay Updated, Stay Informed...

• 🎯 Light Weight (215KiB)
• 🚀 Cool and Modern UI
• 💯 Get top Posts from your Favourite Platforms!
• ❤️ Hashnode.com | Dev.to | Github.com | Thehackernews.com
• 🎯 Make comitments to yourself. Start your day your day with planing
• 🧑‍💻 Coding Contests
• 🥳 Upcoming and Ongoing contests from your Favourite ❤️ Platforms!
• 🤩 Codechef.com | Codeforces.com | Hackerearth.com | Leetcode.com | CTFtime.org
• 🌈 Tech Hunt
• 🎯 Top 10 news on Apple...
• 🤩 Recent 10 posts on Tesla...
• 🥳 and get 10 latest and most liked posts matching with your keyword.
• 👤 Join using Google, Auth0
• 💻 Join community forums
• 🚀 Give Feedback, Suggestion and chat with other community members.
• ⤵️ Get update announcement before anyonelse.

📝 Installation Requirements:

• Install git (https://git-scm.com/download/win)
• Install Nodejs (https://nodejs.org/en/download/)
• Install MongoDB (https://docs.mongodb.com/manual/installation/)
  • Alternative, Use MongoDB Atlas (MongoURI) for online database management (https://www.mongodb.com/cloud/atlas)
• ReactJS (https://reactjs.org/docs/getting-started.html) or (https://www.javatpoint.com/react-installation)

🛠️ Installation Steps

1. Clone the repository

git clone https://github.com/hardikk2002/Dev-Essentials.git

2. Change the working directory

cd Dev-Essentials

3. Install dependencies

npm install

4. Build the app

npm run build

You are all set! Open localhost:8080/popup.html to see the popup screen.

🎉 Load Extension to Chrome

1. Build in Production

npm run build:prod

2. Go to chrome://extensions/ in your browser.

3. Toggle Developer Mode, from top Right.

4. Click on Load Unpack.

5. Select Dist/ folder.

Wohoo 🥳, we you have made our own Chrome Extention.

🍰 Contributing

• Please contribute using GitHub Flow. Create a branch, add commits, and open a pull request.

• Please read CONTRIBUTING for details on our CODE OF CONDUCT, and the process for submitting pull requests to us.

💻 Built with

• React JS: To make better file structure.

• Auth0: Complete User Authentication.

• socket.io: for real-time, bidirectional communication.

• Babel: for compiling JavaScript for Browser.

• Webpack: to bundle JavaScript files for usage in a browser

• API:to fetch posts and other Details.

• manifest V3: to setup rules for chrome extension.

• Material UI Icons: for using Icons.

• Also checkout Dev Essentials Server Repository.

🛡️ License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Support

If you found the app helpful ❤️, Don't forget to leave a star ⭐️

🦄 Spread the word

Share on twitter with pre populated message.