sammaji / labforall

LabForAll contains guides for experiments

Inspiration

• Our goal is to make the understanding of lab experiments simple and interactive for the students.

What it does

• In LabForALL, you get the opportunity to access every details about your lab experiments ranging from procedures to observation tables, apparatus setup to complete guide video on how to perform the experiments.
• There is a Query Submition section where you can post your doubts/issues and we will be answering to your question as soon as possible!!
• We have provided a Simulation Section where the students can get interactive-access to their learning module.
• The students can take digital notes while doing the experiments on a side-bar dedicated for that purpose.
• Also, they can track their Progress and Performance.

How we built it

• React
• JavaScript
• CSS
• Figma
• Firebase
• ThreeJs

Challenges we ran into

• We didn't have a lot of experience with FireBase and it was fairly new to us, but we managed to learn it to accomplish our job.

Accomplishments that we're proud of

• To create something useful for the students which will boost their academic performance.
• Successful creation and implementation of the Simulation.
• Successful implementation of FireBase to our site.

What we learnt

• Time Management
• Team Work
• FireBase

What is the future of LabForAll

• We will be adding more and more experiments and simulations to the existing lot in the coming time.
• We look forward to host this site and open it for the students, if we win this hackathon or something.

Installation

First clone this repository. You can also fork this repository and then clone the forked one.

git clone https://github.com/samyabrata-maji/experiments-website

Make sure you have Node Package Manager (npm) installed. Will work with most versions, but the latest (LTS) is recommended.

Now you need to install all the dependencies.

cd experiments-website
yarn install

You are done with the installation.

To run the website, use the following command

yarn dev

• The website will be live at https://localhost:5173/

labforall's Issues

Implement firebase auth

@KarthikS373 can you implement firebase based user-authentication. If you need any info, let me know.

Responsive: Make navbar in Home Page responsive

A Small Thing to Remember #1

We have to mention this thing somewhere:
"Every Experiments are being catagorized and assigned as per the rules of Central Board of Secondary Education(CBSE), India and may have similarites or disimilarities with other educational boards."

Add the Performance feature

Update your details

@KarthikS373
@ayushtyagi14
@Swpn0neel

go to ./src/data/team.json and update your name and details. If you do not have a social media (say Instagram), remove that entry.

[DOCS] create CODE_OF_CONDUCT.md

This project needs a CODE_OF_CONDUCT.md

Create a Logo for LabForAll

[feat] implement responsive navbar

work on navbar as shown in preview/dasboard.png

[DOCS] update documentation

• Overview @Swpn0neel
• Installation @Swpn0neel
• #44
• CONTRIBUTING.md

[BUG] our team section is overlapping

@KarthikS373 the team section is overlapping the hero section. I think some container is using absolute positioning.

Feature: Add a live interaction to some of the experiments

Ref: https://github.com/phetsims/projectile-motion

Pending

Works pending:

• Add lab for all logos
• Dashboard UI
• Discussion chat UI
• Simulation Page
• Routing (I have fixed a few links, check the rest)
• Video and ppt
• Redesign progress bar (solar sys section) [optional]
• fix links in the footer section

[ADD] animations and Work on responsive layout

[fix] move all css files to "src/css/files.css"

• move all css files to src/css/files.css
• change the import statements as needed

About Us

Work on Teams Section

I have created the layout. Can anyone style it? @ayushtyagi14 @KarthikS373

Creating the Support Section

The support section will contain the Pending and Answered queries sent by the user.
The user can send a query to the server through a (personal)comment section at the bottom of every questions and in the support section they can get both their questions along-with the answers received from the support-team under the support section with catched of that specific ,

[PENDING] To Implement

Layouts:

• Hero
• About Us
• Teams
• Footer
• Dashboard
• Analytics
• Chat/Discussion
• login/signup page layout

Features:

• Firebase Login Signup
• User Authentication
• Data Fetching (for dashboard page)
• Interactive Simulation
• Responsive Layout

Design:

• Logo design

Re-designing of the Teams Section

Bug in solar system SIM

there is a bug with that sun when I click on the sun button on the left side no detail panel pops up, I don't know if it was intentional or Bug. So just wrote this to let you know guys :)

https://labforall.vercel.app/?run_sim=true

Feature Request: Add a section to each experiment, where the user can take private notes which are only visible to themselves

Try to implement feature to add, delete or modify the note.

[FEATURE] Work on About Section

• @ayushtyagi14 Create a new component AboutUs
• @Swpn0neel is working on the data. Update it when it is done
• @ayushtyagi14 I have provided some temporary data in src/data/about.json, you can use that

Here's the layout 👇