120EE0692 / rawacademy

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Gen-O-Cademy

alt text

Gen-o-cademy is a one stop solution for the passionate,committed and enthusiastic teachers whose motive is to guide and contribute for the overall academic upliftment of the students especially for the under privileged and poor economic background. This platform is designed to bridge the gap among the mentors and students preparing for various different types of examinations like JEE, NEET, GATE etc. Now each and every child would be able to learn , prepare and get educated which is his/her birth’s right. Now education would be as easily accessible as oxygen. This platform is going to mark the beginning of a new chapter in the Indian education system.

What is it? ⛹️‍♂️

The motto of building this application is to make the Indian education system more stronger and reachable across all horizons. Being a college student we know how overwhelming it is to start exploring something new. Procrastination is the biggest villain of every student’s life . So to tackle it our platform offers study room feature that enables a student to watch lectures of his choice without any distractions or clickbaits. The best part it offers is that it protects students from you tube artificial intelligence recommendations loop. This platform offers one to one mentorship, guidance and problem solving . Students could track their overall progress using the weekly checklist feature. The best part is the student can donate as per their wish to the mentor they like and the student himself could be a mentor once he pass his exams and contribute as a mentor.

Team RAW NUTS

Aashish Pradhan

Abhas Abhirup Behera

Swatishree Mahapatra.

Prerequisites 👨‍💻

For users:

Any modern web browser such as Chrome, Firfox, Brave ,Edge etc.

Test student id:

email:test@student.com
password:123456
name:Joe Bloggs

Test mentor id:

email:test@mentor.com
password:123456
name:John Smith

For developers:

Getting Started

To setup the project locally follow the steps

Prerequisites

Node.js v 16.0.0 +
Yarn latest
Git latest

Step to setup project

Fork the repo on Github
Clone the project to your local system
After cloning the repo
Cd study
Yarn install

Setup firebase and chatengine and add the following API key by creating a .env file in the root directory

Firebaseapp

REACT_APP_API_KEY=
REACT_APP_authDomain=
REACT_APP_projectId=
REACT_APP_storageBucket= study-hack-5eadd.appspot.com
REACT_APP_messagingSenderId=
REACT_APP_appId=

Chatengine

REACT_APP_CHAT_ENGINE_PROJECT_ID =
REACT_APP_CHAT_ENGINE_PRIVATE_KEY =
Yarn start

How we built it? 🧑‍💻

We used react js in the frontend and used firebase backend as a service. We also used chat engine to establish a protected and secure communication among the mentors and students. Our design was implemented using material ui. As soon as a user signs up or log in , he/she is redirected to the dashboard where he could search for the mentors and visit their profile and attend their classes.

Mentors have additional features which includes :

1.Schedule Class -

Mentors can schedule classes according to their availability and can fix the number of students he wants to take the class of.This can help the students in one to one and one to many mentorship.

2.My classes -

The mentor would be able to view the classes he has scheduled and can edit the timing and details of the classes in case of any emergency.

Some Students specific features includes:

1. Search Filter -

This feature enables the student to search for mentors using mentor’s name or exam name and easily navigate to mentors profile and join their courses.

2. Study Room -

This feature enables a student to watch lectures of his choice without any distractions or clickbaits. The best part it offers is that it protects students from you tube artificial intelligence recommendations loop.

3. Join Class -

Student can browse through all the classes scheduled by the mentors and can attend the class of their choice and need.

4. Checklist -

This feature enables students to plan and check out their plans on a regular basis. It will help them monitor their overall progress.

5. Donation -

If a student wishes he/she may donate as per his/her wish to the mentor he likes.

Common features for students and mentors -

1.Discussion Forum -

It is a common platform for all the students and mentors to interact and discuss problems, strategies, tips and tricks at a common place.

2. Chat Section -

Here students and mentors can have one to one interaction as per their needs. This section also allows a mentor to create groups and address the students. It can also be used as an announcement section to keep the students updated.

Challenges we ran into 🥺

We faced numerous challenges throughout the journey.

1.First and foremost challenge we faced is to how to chose a correct tech stack to implement a scalable solution.
2.How to establish a safe and secure on boarding process for users.
3.State management of user.

Accomplishments that we're proud of 😎

The biggest accomplishment for us was that we learned so many new things in the past month.We implemented a fully functional scalable educational website that we believe has the potential to completely transform the education system. We were able to overcome all the challenges and were able to create a completely functional prototype the way we had envisioned.It was a great journey building this site and we are most proud of the fact that it will bridge the gap of education between the poorer and richer sections of society.

What we learned 🤓

We learnt to implement our ideas into a real life and scalable project. We pushed our limits to try and learn advanced concepts like state management, authentication and authorization , local storage ,fetching api’s , context api, database management, creating custom hooks , various aspects of styling , protected routing , deployment and most important git work flow.

Built With 💕

Following technologies and libraries are used for the development of the website

  • React
  • Firebase
  • Nodejs
  • Javascript
  • Material UI
  • Chat Engine
  • RazorPay API
  • Figma
  • Vercel

What's next for GEN-O-cademy

This project is going to be the next best education model for the future generation. We are planning to add a lot of features in it such as

1.Implementing better UI and UX.
2.Implement a proprietary chat app.

About


Languages

Language:JavaScript 96.7%Language:CSS 1.7%Language:HTML 1.6%