Skip to content

SkillCept is an AR/VR based web platform where students from any background can visit the site and learn various concepts with the help of 3D Models, which makes their understanding easier, and faster.

Notifications You must be signed in to change notification settings

Harshal0902/SkillCept

Repository files navigation

SkillCept logo

SkillCept

SkillCept is an AR-based web platform where students from any class can visit the site and learn various concepts with the help of 3D Models, which makes their understanding easier, and faster. SkillCept can help students achieve better results through visualization and full immersion in the subject matter.

Live demo

The site is deployed through Vercel, which you can view from here
Checkout the ppt from here

Demo video

You can checkout the demo video on youtube by clicking on the thumbnail below.

🚀 Main Features

  • Interactive 3D Models
  • Learn with Augmented Reality
  • Available in multiple languages
  • Chatbot Assistant
  • Fun games

📃 Pages

  • Home page
  • Subject page
  • Fun Zone page
  • Contact page
  • 404 Error page

💻 Tech Stack

  • Next Js
  • TypeScript
  • React-three-fiber
  • Jest
  • Docker
  • Tailwind CSS & Framer Motion

🤝 Credits

Prerequisites

Required to install and run the software:

This is a Next.js project bootstrapped with create-next-app.

🌟 Getting Started

From the project folder, run these commands in console (terminal) to install dependencies and run the app:

# Install the dependencies
npm install
# Run the app
npm run dev

# or

# Install the dependencies
yarn add
# Run the app
yarn dev

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

🧪 Testing

Run the following command to test the project:

npm run test
# or
yarn test

🐋 Run the Docker Image

Run the following command to build the Docker Image:

docker build -t skillcept .

After the build is completed run the Docker Container:

docker run -d -p 3000:3000 skillcept

On the browser visit http://localhost:3000 to see the demo.

🖼️ Some glimpse of the site

Home page

Home

Select subject

Select subject

Chemistry Class

chemistry

DNA

dna

Click on different parts to know more

Click on different parts to know more 1 Click on different parts to know more 2 Click on different parts to know more 3

AR in Action

AR in Action-uncrop

Fun zone

funzone

Tic Tac Toe

tic-tac-toe

Contact

contact

Chatbot Assistant

chatbot

404 Page not Found

404

🐛 Bug Reporting

Feel free to open an issue on GitHub if you find any bug.

⭐ Feature Request

Feel free to Open an issue on GitHub to request any additional features you might need for your use case.

forthebadge

About

SkillCept is an AR/VR based web platform where students from any background can visit the site and learn various concepts with the help of 3D Models, which makes their understanding easier, and faster.

Topics

Resources

Code of conduct

Stars

Watchers

Forks

Languages