Wanting to learn a new technology and getting overwhelmed because of so many resources lying around the internet and not knowing where to start is a common issue. That is why Drops is here. It is a web application that allows a user to create collection of curated resources which anyone can access to accelerate their learnings.
Deployed link -> https://drops-mauve.vercel.app/
Demo video -> Coming soon!!!
Note -> On adding some URL the page might not show any image, title or description. It is because the metadata of the given URL cannot be scraped. So adding such URL is not recommended. A new feature of adding custom data to counter this will be coming soon.
- User Authentication
- Create Collections
- Upvote Collections
- Edit/Delete Resources
- Add/Delete Resources to Collections
- Library Page for user to view all their collections
- Bookmark Collections Feature
- About page for user profile details
- Image upload in user registration
- UI Improvements
- Typescript - TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale
- Next js - Next.js is an open-source web development framework created by Vercel enabling React-based web applications
- Tailwind CSS - A utility-first CSS framework that can be composed to build any design, directly in your markup.
- NodeJS - Node.js is an open-source, cross-platform, back-end JavaScript runtime environment
- Express - Express is a fast, unopinionated, minimalist web framework for Node.js
- MongoDB Atlas - MongoDB Atlas is a fully-managed cloud database that handles all the complexity of deploying
- HTML metadata parser - Html Metadata scraper and parser for Node.js
- Change into the client folder :
cd client - Install dependencies :
npm install - Start the client :
npm run dev
- Change into the server folder :
cd server - Install dependencies :
npm install - Start the server :
node index.js