Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/itiaditi/toppers-academy
Toppers Academy is a free website where you can learn about many different things. It has videos and exercises to help you understand subjects like math, science, history, and more. Toppers Academy helps people of all ages learn new things and improve their skills in different subjects.
https://github.com/itiaditi/toppers-academy
chakraui json-server reactjs typescript
Last synced: 18 days ago
JSON representation
Toppers Academy is a free website where you can learn about many different things. It has videos and exercises to help you understand subjects like math, science, history, and more. Toppers Academy helps people of all ages learn new things and improve their skills in different subjects.
- Host: GitHub
- URL: https://github.com/itiaditi/toppers-academy
- Owner: itiaditi
- Created: 2024-03-26T08:11:46.000Z (10 months ago)
- Default Branch: master
- Last Pushed: 2024-05-05T06:26:04.000Z (9 months ago)
- Last Synced: 2024-11-14T15:12:16.439Z (3 months ago)
- Topics: chakraui, json-server, reactjs, typescript
- Language: TypeScript
- Homepage: https://toppers-academy-henna.vercel.app
- Size: 2.03 MB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Toppers Academy
## Introduction
Toppers Academy is a free educational platform aimed at providing users with resources to learn various subjects such as math, science, history, and more. The platform offers videos and exercises to aid understanding and skill improvement in different subjects. Toppers Academy caters to learners of all ages, helping them enhance their knowledge and skills in diverse fields.
## Project Type
Fullstack
## Deployed App
Frontend:https://toppers-academy-henna.vercel.app/
Backend:(https://toppers-academy.onrender.com/)
Database: Json
## Directory Structure
```
toppers-academy/
├─ backend/
├─ ToppersAcademy/
│ ├─ ...
```
## Video Walkthrough of the project
https://youtu.be/1ChCSXNOMKM
## Video Walkthrough of the codebase
https://youtu.be/pnB5KxIsseE
## Features
- Video tutorials on various subjects
- Interactive exercises for practice
- User progress tracking
- Search functionality for finding specific topics
- Responsive design for seamless user experience across devices
## Design Decisions or Assumptions
- The platform aims to replicate the functionality and user experience of Khan Academy.
- User engagement and progress tracking are prioritized for personalized learning experiences.
## ScreenShots
### Landing
- 
- 
- 
### Login and Sign up
### DashBoard
## Installation & Getting Started
1. Clone the repository:
```bash
git clone https://github.com/itiaditi/toppers-academy.git
```
2. Install dependencies:
```bash
cd toppers-academy
npm install
```
3. Start the backend server:
```bash
cd backend
npm start
```
4. Start the frontend:
```bash
cd frontend
npm run dev
```
5. Access the application at `http://localhost:5173`
## Usage
- Browse through available subjects and topics.
- Watch tutorial videos and complete exercises to enhance learning.
- Track progress and revisit completed topics for reinforcement.
## Credentials
- No credentials required for accessing public content.
## APIs Used
-(https://toppers-academy.onrender.com/)
## Technology Stack
- React
- Redux
- Chakra UI
- TypeScript
- Netlify (for frontend deployment)