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.
🧐 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
- Clone the repository
git clone https://github.com/hardikk2002/Dev-Essentials.git- Change the working directory
cd Dev-Essentials- Install dependencies
npm install- Build the app
npm run buildYou are all set! Open localhost:8080/popup.html to see the popup screen.
🎉 Load Extension to Chrome
- Build in Production
npm run build:prod-
Go to chrome://extensions/ in your browser.
-
Toggle Developer Mode, from top Right.
-
Click on Load Unpack.
-
Select Dist/ folder.
Wohoo
🍰 Contributing
-
Please contribute using GitHub Flow. Create a branch, add commits, and open a pull request.
-
Please read
CONTRIBUTINGfor details on ourCODE 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.