Giter Site home page Giter Site logo

git_note's Introduction

GitNote

GitNote is a dedicated hub designed for learners and educators alike, offering a seamless experience for storing insights, guiding learning journeys, and tracking progress. Built with Next.js, GitNote emphasizes clean code, best practices, and a user-centric design. Whether you're jotting down quick notes, tracking your learning goals, or sharing insights with the community, GitNote is your go-to platform.

Thumbnail

gitnote

Table of Contents

Features

  • Authentication/Authorization: Secure login via email/password, GitHub, and Google, using NextAuth.
  • Onboarding Process: Streamlined onboarding steps to set a baseline for your learning goals.
  • Profile Management: User's can use their profiles as a mini summary of their educational goals and experiences.
  • Contribution Grid: Modeled off github,
  • Home Page: A dynamic feed displaying community posts with filters.
  • Explore Page: Access via a command palette for quick document search.
  • Search & Filters: Comprehensive search functionality across the platform.
  • Contribution Grid: Visual representation of user activity, akin to GitHub's contribution graph.
  • Responsive Design: Fully responsive layout across all devices.
  • Light & Dark Mode: Users can toggle between themes.

Technologies Used

  • Next.js (TypeScript)
  • Tailwind CSS
  • MongoDB & Mongoose
  • NextAuth.js
  • React-hook-form
  • Zod validation
  • shadcn-ui components
  • CMD+K
  • Cloudinary Image Storage

nextdotjs

typescript

tailwindcss

⚒️ How to Contribute

Want to contribute? Great!

To fix a bug or enhance an existing module, follow these steps:

  • Fork the repo
  • Create a new branch (git checkout -b improve-feature)
  • Make the appropriate changes in the files
  • Add changes to reflect the changes made
  • Commit your changes (git commit -am 'Improve feature')
  • Push to the branch (git push origin improve-feature)
  • Create a Pull Request

📩 Bug / Feature Request

If you find a bug (the website couldn't handle the query and / or gave undesired results), kindly open an issue here by including your search query and the expected result.

If you'd like to request a new function, feel free to do so by opening an issue here. Please include sample queries and their corresponding results.

Getting Started

Prerequisites

  • Node.js
  • npm or yarn
  • MongoDB

Installation

  1. Clone the repository:
git clone https://github.com/agordon123/git_note.git

2.Install NPM packages

cd git_note npm install

  1. Set Up Environemnt Variables
GITHUB_CLIENT_ID=
MONGODB_URI=
GOOGLE_CLIENT_SECRET=
GOOGLE_CLIENT_ID=
NEXTAUTH_SECRET=
CLOUDINARY_API_KEY=
CLOUDINARY_API_SECRET=
CLOUDINARY_CLOUD_NAME=
NEXT_PUBLIC_TINYMCE_API_KEY=

git_note's People

Contributors

adamgordonny avatar brandonetter avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.