A collection of topic-wise Computer Science notes contributed by the community. Each note can be in HTML, CSS, or React/Next.js, and contributors are encouraged to explore and improve the project.
This project is built using React, Next.js, and Tailwind CSS to make it beginner-friendly while also allowing advanced contributors to work on features and enhancements.
The project is deployed on Vercel. Check it out here: Live URL
- Open the project locally:
npm run dev # or yarn dev # or pnpm dev # or bun dev
Open http://localhost:3000 in your browser.
Explore topics and read notes.
Notes are stored in the notes folder. If you know HTML and CSS, you can add notes here by creating new HTML/CSS files.
If you know React and Next.js, you can work on features, UI improvements, or new components.
📌 Project Structure
app/– Next.js pages and layoutscomponents/– Reusable React componentsdata/posts.ts– Blog posts datanotes/– Topic-wise HTML/CSS notesstyles/– Global Tailwind CSS and other styles
React and NextJS
React
– UI library
Next.js
– React framework
Tailwind CSS
– Utility-first CSS framework
🖇️ Quick Tips
1. Follow the folder structure to keep the project organized.
2. Always test your changes locally before creating a pull request.
3. Explore the site thoroughly to find bugs or potential improvements.
This project welcomes beginners and experienced developers. Here’s how you can contribute:
- Fork the repository from the
developmentbranch. - Create a new branch for your contribution:
git checkout -b feature/my-feature
a) HTML/CSS Notes (Beginner-friendly)
Navigate to the notes/ folder.
Add a new HTML or CSS file for your topic:
notes/
algorithms/
sorting.html
data-structures/
linked-list.html
Make sure your notes are organized by topic.
You can include CSS styling for your notes if needed.
b) React/Next.js Features (Intermediate/Advanced)
Add new components or pages in components/ or app/.
Use Tailwind CSS for styling.
Follow Next.js best practices (App Router, Link, Image, etc.).
1. Add a search bar
2. Add categories filter
3. Improve UI/UX for posts
4. Create new features like favorites or dark mode
5. Add comments section
If you find a bug or want a feature, create an issue on GitHub.
Include a clear description, screenshots if necessary, and steps to reproduce.
Push your branch to your fork:
git push origin feature/my-feature
Open a Pull Request to the development branch of the main repository.
Describe your changes and link to any relevant issue.
Wait for review and feedback.
Remember: Always target the development branch. Production deployments happen only after merging to development.
If you found this repository helpful, consider giving it a star ⭐
Check CONTRIBUTING.md to learn how to submit your notes.
Thanks to everyone who has contributed to this project!
- Add Backend APIs
- Add Authentication (JWT / OAuth)
- User Profiles & Dashboards
- Role-based Access (Admin, Contributor, Viewer)
- Add Markdown/HTML Post Editor
- Allow image uploads for posts
- Tagging & Category System
- Commenting System
- Dark Mode
- Responsive Design Improvements
- Search & Filter Posts
- Featured Posts / Trending Section
- Rate Limiting & Spam Prevention
- Input Validation & Sanitization
- Optimize API & DB Performance
- Notifications for new posts/comments
- Voting / Like System
- Contributor Leaderboard
- Discussion Forum / Q&A Section
Have an idea? Let us know!
Join hundreds of developers building the future of web development tools!
Made with ❤️ for the developer community • Happy Hacktoberfest 2025!