Code Monkey home page Code Monkey logo

gitstudy's Introduction

Logo

GitStudy

Welcome to GitStudy! GitStudy is a study group platform that we built for hackMISSO 2024 with Next.js. It allows users to create and join study groups, share resources, and collaborate on projects! Learn more below.


Features

๐Ÿ‘ค User Authentication

Users can create an account, log in, and manage their profile with Google or GitHub.

๐Ÿ“š Study Groups

Users can create and join study groups. Each study group has a dedicated page where members can share resources, discuss topics, and collaborate on projects.

๐Ÿ”— Resource Sharing

Users can share resources such as links to helpful articles, videos, and other educational materials. These resources can be shared within a specific study group or made public for all users to access.

๐Ÿ› ๏ธ Project Collaboration

Users can collaborate on projects within their study groups. This includes creating a project, assigning tasks, tracking progress, and sharing project files.

๐Ÿ” Search

Users can search for study groups, resources, and other users. The search feature includes filters to help users find exactly what they are looking for.


๐Ÿšง: Future Plans

We plan to enhance the notification system to provide more personalized and relevant updates to users.

โญ Gamification

In the future, we plan to introduce a gamification system where users can "star" resources shared by others. This will increase the "credibility" stat of the users who consistently provide valuable resources to their community.

๐Ÿ”” Notifications

Users receive notifications about updates in their study groups, such as new resources being shared, new discussions being started, or changes to projects they are part of.

๐Ÿ“† Study Session Planning

In the future, we plan to introduce a feature where students can plan a study session at a specific location and time. This will help facilitate in-person collaboration and learning.


Technologies

General: TypeScript

Design: Figma

Frontend: Next.js Tailwind CSS Shadcn Aceternity UI

Database: Supabase

Authentication: Google GitHub

Deployment: Vercel

Version Control: Git GitHub


๐Ÿ“„ Pages

๐Ÿ  Landing Page

image The landing page welcomes users and provides an overview of the platform. It also has a cool hover feature that fills up the cells below it!

๐Ÿ”‘ Login Page

image The login page allows users to access their accounts through GitHub or Google

๐Ÿ“ˆ Dashboard Page

image The dashboard page provides a personalized overview of the user's activity, including their study groups, tasks, and notifications.

๐Ÿ† Popular Study Groups Dashboard Page

image This page displays the most popular study groups on the platform, ranked by factors such as number of members, activity level, and resource quality.

โค๏ธ Favorite Study Groups Dashboard Page

image This page shows the user's favorite study groups for quick access.

๐Ÿ‘ฅ My Groups Dashboard Page

image This page lists all the study groups that the user is a part of.

๐Ÿ“š Study Groups Dashboard Page

image This page provides a comprehensive list of all study groups on the platform.

๐Ÿ’ฌ General Dashboard Page

image This page is a general communication hub where users can interact with each other.

๐Ÿ“ Study Guides Page

image This page hosts files on study guides for various subjects, shared by users.

๐Ÿ“” Notes Page

image This page hosts files on notes for different study groups, shared by users.

โฌ†๏ธ Uploads Popup Page

image This page allows users to upload study materials such as notes and study guides. It includes options for specifying the relevant study group, adding a description, and choosing the file to upload.


Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

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.