https://github.com/muhammad-fiaz/skillthrills
Skill Thrills: A Educational learning website built with Next.js and TypeScript, offering immersive educational experiences. #NextJS #TypeScript
https://github.com/muhammad-fiaz/skillthrills
educational-website javascript nextjs nextjs-boilerplate nextjs-example nextjs-tailwind nextjs-template nextjs-typescript nextjs-website nextjs14 nodejs reactjs skillthrill skillthrills typescript website
Last synced: 5 months ago
JSON representation
Skill Thrills: A Educational learning website built with Next.js and TypeScript, offering immersive educational experiences. #NextJS #TypeScript
- Host: GitHub
- URL: https://github.com/muhammad-fiaz/skillthrills
- Owner: muhammad-fiaz
- License: mit
- Created: 2024-04-14T16:42:55.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-12-02T03:54:14.000Z (over 1 year ago)
- Last Synced: 2026-01-13T08:15:57.409Z (5 months ago)
- Topics: educational-website, javascript, nextjs, nextjs-boilerplate, nextjs-example, nextjs-tailwind, nextjs-template, nextjs-typescript, nextjs-website, nextjs14, nodejs, reactjs, skillthrill, skillthrills, typescript, website
- Language: TypeScript
- Homepage: https://skill-thrills.vercel.app
- Size: 2.06 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Codeowners: .github/CODEOWNERS
Awesome Lists containing this project
README
# SkillThrills
[](https://github.com/muhammad-fiaz/SkillThrills/blob/main/LICENSE)
[](https://github.com/muhammad-fiaz/SkillThrills/graphs/contributors)
[](https://github.com/sponsors/muhammad-fiaz)
[](https://github.com/muhammad-fiaz/SkillThrills/issues)
[](https://github.com/muhammad-fiaz/SkillThrills/pulls)
[](https://discord.gg/Wu7Kcpz9)
**Skill Thrills** is an educational learning website built with **Next.js** and **TypeScript**, designed to offer immersive and interactive learning experiences.
## Table of Contents
- [About the Project](#about-the-project)
- [Features](#features)
- [Installation](#installation)
- [Usage](#usage)
- [Folder Structure](#folder-structure)
- [Technologies Used](#technologies-used)
- [Contributing](#contributing)
- [License](#license)
## About the Project
Skill Thrills aims to create an educational platform that provides engaging and interactive learning content. While the project is still under development, the future goal is to offer diverse educational experiences in various subjects. The platform is built using modern web technologies such as **Next.js** and **TypeScript** to ensure scalability and performance.
> **Note:** All the content, data, and images are for development purposes and are subject to change. The current assets are dummy content, and no ownership is claimed over any images used.
## Features
- Built with **Next.js** for server-side rendering and optimized performance.
- Developed in **TypeScript** for static type checking and improved code quality.
- Scalable folder structure for managing components and pages(using `app/` router).
- Supports interactive educational modules (in development).
- Placeholder content for now, but ready for integration with real data.
## Installation
To get started, clone the repository and install the dependencies:
```bash
git clone https://github.com/your-username/skill-thrills.git
cd skill-thrills
```
Then install the required packages:
Using npm:
```bash
npm install
```
Using Yarn:
```bash
yarn install
```
Using pnpm:
```bash
pnpm install
```
## Usage
To run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the pages by modifying the files in the `app/` directory. The application will auto-update as you edit the files.
## Folder Structure
```bash
.
├── app/components # Reusable React components
├── app # Next.js pages
├── public # Static assets
├── app/global.css # Global and component-level styles
├── app/courses # Course pages
├── tsconfig.json # TypeScript configuration
└── next.config.js # Next.js configuration
```
## Technologies Used
- **Next.js**: React framework for building fast web applications.
- **TypeScript**: Superset of JavaScript that adds static types.
- **React**: JavaScript library for building user interfaces.
- **Heroicons**: Used for Icons
- **CSS**: For global styles
- **Tailwindcss**: for styling the application
- **Vercel**: Hosting platform for serverless deployment.
## Contributing
Contributions are welcome! If you'd like to contribute to this project, please follow these steps:
1. Fork the repository.
2. Create a new branch with your feature or fix (`git checkout -b feature/YourFeature`).
3. Commit your changes (`git commit -m 'Add some feature'`).
4. Push to the branch (`git push origin feature/YourFeature`).
5. Open a pull request and describe your changes.
## License
This project is licensed under the **MIT License**. See the [LICENSE](./LICENSE) file for more details.